.container{background-color:#292d3e}.container .main{flex-direction:row;justify-content:center;align-items:center;height:100vh;display:flex}.container .info{flex-direction:row;justify-content:space-between;align-items:center;gap:60px;width:1100px;display:flex}.container .left{flex:.5}.container .main .left .name{color:#c792ea;gap:20px;margin:0;font-family:Consolas Bold;font-size:60px;display:flex}.container .main .left .role{color:#89ddff;margin-bottom:20px;font-family:Consolas Regular;font-size:25px}.container .main .left .badge{color:#ffcb6b;background-color:#32374c;border-radius:20px;justify-content:center;align-items:center;gap:10px;width:fit-content;margin-bottom:20px;padding:10px 15px;font-family:Consolas Regular;font-size:13px;display:flex}.container .description{color:#676e95;margin:0;font-family:Consolas Regular;font-size:19px;line-height:30px}.container .main .left .comment{font-size:18px}.container .right{flex:.5}.container .about-me{flex-direction:row;justify-content:center;align-items:center;padding:100px 0;display:flex}.container .about-me .title{margin-bottom:10px}.container .about-me .description{font-size:17px;line-height:25px}.container .about-me .left{flex:1}.container .about-me .right img{opacity:.85;border-radius:5px;width:400px;height:fit-content;position:relative}.container .about-me .left .skills{flex-wrap:wrap;gap:5px;margin-top:30px;display:flex}.container .about-me .left .skills .skill{flex-direction:column;flex:calc(50% - 5px);gap:10px;display:flex}.container .about-me .left .skills .skill h3{color:#bfc7d9;align-items:center;gap:15px;margin:0 0 10px;font-family:Consolas Regular;font-size:20px;font-weight:400;display:flex}.container .about-me .left .skills .skill h3 svg{font-size:25px}.container .about-me .left .skills .skill ul{flex-wrap:wrap;gap:10px;margin:0 0 20px;padding:0 0 0 20px}.container .about-me .left .skills .skill ul li{color:#676e95;margin-bottom:10px;font-family:Consolas Regular;font-size:17px}.container .certifications{background-color:#32374c;flex-direction:row;justify-content:center;align-items:center;padding:100px 0;display:flex}.container .certifications .title{color:#89ddff}.container .certifications .info{flex-direction:column;align-items:start;gap:50px;width:1100px}.container .certifications .certifications-list{flex-flow:wrap;justify-content:start;align-items:center;gap:30px;width:100%;display:flex}.container .certifications .certification{box-sizing:border-box;box-shadow:0 0 2px 0px var(--color);background-color:#292d3e;border-radius:5px;flex-direction:column;flex-basis:calc(50% - 15px);gap:15px;padding:25px 30px;transition:all .2s;display:flex}.container .certifications .certification:hover{box-shadow:0 0 2px 1px var(--color)}.container .certifications .certification .header{align-items:center;gap:10px;display:flex}.container .certifications .certification .header h3{color:#bfc7d9;align-items:end;gap:10px;margin:0 auto 0 0;font-family:Consolas Bold;font-size:19px;display:flex}.container .certifications .certification .header svg{color:var(--color);font-size:22px}.container .certifications .certification .header a svg{color:#676e95;font-size:18px;transition:all .2s}.container .certifications .certification .header a svg:hover{color:var(--color)}.container .certifications .certification .description{font-size:17px;line-height:normal}.container .certifications .certification .date{color:var(--color);align-items:center;gap:10px;margin:0;font-family:Consolas Regular;font-size:15px;display:flex}.container .certifications .certification .date p{margin:0}.container .projects{background-color:#32374c;flex-direction:row;justify-content:center;align-items:center;padding:100px 0;display:flex}.container .projects .title{color:#c3e88d}.container .projects .info{flex-direction:column;align-items:start;gap:50px;width:1100px}.container .projects .projects-list{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;display:flex}.container .projects .project{box-sizing:border-box;background-color:#292d3e;border-radius:5px;flex-direction:column;gap:20px;width:100%;padding:25px 30px;transition:all .2s;display:flex}.container .projects .project:hover{background-color:#292d3ed6}.container .projects .project .header{align-items:center;gap:10px;display:flex}.container .projects .project .header h3{color:#ffcb6b;align-items:end;gap:10px;margin:0 auto 0 0;font-family:Consolas Bold;font-size:23px;display:flex}.container .projects .project .header a{color:#676e95;font-family:Consolas Regular;font-size:18px;text-decoration:none;transition:all .5s}.container .projects .project .header a:hover{color:#ffcb6b}.container .projects .project .description{font-size:17px;line-height:normal}.container .projects .project .tags{flex-wrap:wrap;gap:10px;display:flex}.container .projects .project .tags :first-child{color:#e1426c}.container .projects .project .tags :nth-child(2){color:#c3e88d}.container .projects .project .tags :nth-child(3){color:#c792ea}.container .projects .project .tags :nth-child(4){color:#89ddff}.container .projects .project .tags :nth-child(5){color:#f78c65}.container .projects .project .tags span{color:#292d3e;background-color:#32374c;border-radius:5px;padding:5px 10px;font-family:Consolas Regular;font-size:15px}.container .contact{flex-direction:column;justify-content:center;align-items:center;padding:100px 0;display:flex}.container .contact .title{color:#bfc7d9}.container .contact .title span{color:#e1426c;margin:0 -10px}.container .contact .title svg{color:#e1426c}.container .contact .info{flex-direction:column;align-items:center;gap:30px}.container .contact .info p{color:#676e95;text-align:center;width:70%;margin:0;font-family:Consolas Regular;font-size:17px}.container .contact .info .socials{flex-direction:row;gap:20px;display:flex}.container .contact .info .socials a{color:#bfc7d9;background-color:#32374c;border-radius:5px;align-items:center;gap:10px;padding:8px 10px;font-family:Consolas Regular;font-size:18px;text-decoration:none;transition:all .5s;display:flex}.container .contact .info .socials a svg{color:#c792ea}footer{color:#676e95;background-color:#292d3e;flex-direction:row;justify-content:center;align-items:center;gap:10px;padding:10px 0;font-family:Consolas Regular;font-size:15px;display:flex}.container .title{color:#c792ea;align-items:end;gap:10px;margin:0;font-family:Consolas Bold;font-size:30px;display:flex}.container .title span{color:#676e95;margin-bottom:1px;font-size:25px;font-weight:400;font-family:Consolas Regular!important}.comment{color:#676e95;margin:0;font-family:Consolas Regular;font-size:20px}.comment:before{content:"//";margin-right:10px}.code{color:#adb4c4;margin:0}.purple{color:#c792ea}.blue{color:#89ddff}.yellow{color:#ffcb6b}.red{color:#e1426c}.green{color:#c3e88d}.orange{color:#f78c65}.navigation .menu{visibility:hidden}@media screen and (max-width:1200px){.container .projects .info,.container .contact .info,.container .certifications .info{gap:30px;width:90%}.navigation .items{width:90%}.container .info{gap:30px;width:90%}.container .info .left .name{font-size:40px}}@media screen and (max-width:1000px){.container .certifications .certifications-list{flex-direction:column}.container .certifications .certifications-list .certification{width:calc(100% - 4px);margin:2px}.codepanel{transform-origin:0;transform:scale(.75)}.container .info{overflow:hidden}}@media screen and (max-width:900px){.container .info{flex-direction:column}.codepanel{display:none}.container .main .left .name{font-size:30px}.container .about-me .left .skills .skill{flex-basis:100%}.container .title,.container .title span{font-size:20px!important}.container .certifications{padding:50px 0 0}.container .projects{padding:50px 0}.container .contact .info p{width:100%}.socials{flex-direction:column!important;align-items:center!important;gap:10px!important;width:100%!important}.socials a{box-sizing:border-box;width:100%!important}footer{padding:10px}footer p{text-align:center}}
.codepanel{background-color:#32374c;border-radius:10px;margin:0;padding:20px;box-shadow:0 0 20px #0000001a}.codepanel .header{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.codepanel .header span{color:#676e95;margin-left:auto;font-family:Consolas Regular;font-size:16px}.codepanel .header .controls{flex-direction:row;gap:10px;display:flex}.codepanel .header .controls span{background-color:#676e95;border-radius:50%;width:13px;height:13px}.codepanel .header .controls span:first-child{background-color:#ff5370}.codepanel .header .controls span:nth-child(2){background-color:#ffcb6b}.codepanel .header .controls span:nth-child(3){background-color:#c3e88d}.codepanel .code{flex-direction:row;gap:15px;display:flex}.codepanel .code .lines{text-align:right;flex-direction:column;gap:10px;display:flex}.codepanel .code .lines span{color:#676e95;font-family:Consolas Regular;font-size:16px}.codepanel .code .content{flex-direction:column;gap:10px;display:flex}.codepanel .code .content span{gap:10px;font-family:Consolas Regular;font-size:16px;display:flex}.codepanel .code .content span.sp1{margin-left:20px}.codepanel .code .content span.sp2{margin-left:40px}.codepanel .cursor{opacity:.7;background-color:#c792ea;width:2px;height:100%;margin-left:-20px;animation:1s ease-in-out infinite pulse}@keyframes pulse{0%{opacity:.7}50%{opacity:.2}to{opacity:.7}}.WIP{gap:20px;font-family:Consolas Regular;font-size:30px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.anim{animation:3s ease-in-out infinite pulse}
.navigation{box-sizing:border-box;z-index:100;-webkit-backdrop-filter:blur(15px);background-color:#292d3e4d;border-bottom:1px solid #30354a;justify-content:center;align-items:center;width:100%;padding:20px 0;display:flex;position:fixed;top:0;left:0}.items{width:1100px;display:flex}.navigation .item{cursor:pointer;color:#acb3c2;-webkit-user-select:none;user-select:none;-o-user-select:none;flex-direction:row;align-items:end;gap:5px;font-family:Consolas Regular;font-size:17px;transition:all .5s;display:flex}.navigation .options{gap:25px;display:flex}.navigation .item span{color:#596183;font-size:15px}.navigation .item:hover{color:#c792ea}.navigation .portfolio{cursor:pointer;color:#c792ea;-webkit-user-select:none;user-select:none;-o-user-select:none;flex-direction:row;align-items:center;gap:5px;margin-right:auto;font-family:Consolas Bold;font-size:17px;transition:all .5s;display:flex}@media screen and (max-width:900px){.navigation{background-color:#292d3e!important}.navigation .options.mobile-close{display:none}.navigation .options{box-sizing:border-box;background-color:#292d3e;border-bottom:1px solid #30354a;flex-direction:column;width:100%;height:fit-content;padding:20px 30px;position:absolute;top:61px;left:0}.navigation .options>div{box-sizing:border-box;width:100%}.navigation .options>.get-started{justify-content:center}.navigation .menu{cursor:pointer;-webkit-user-select:none;user-select:none;visibility:visible;color:#bfc7d9;font-size:30px;transition:all .5s}.navigation .menu:hover{color:#c792ea}.navigation .items .get-started{margin-left:auto}}