#main{padding-bottom:7em}@media screen and (max-width: 768px){#main{padding-bottom:3em}}@media screen and (min-width: 769px) and (max-width: 1024px){#main{padding-bottom:2em}}.nav .wrapper{padding:3em 0;max-width:1100px;margin:auto;display:flex;align-items:center;justify-content:space-between}.nav .wrapper .logo a{font-size:1.3em;font-weight:500}.nav .wrapper .aside{display:flex;align-items:center;gap:10px;padding:10px}.nav .wrapper .aside .codm-logo img{width:20px}.nav .wrapper .aside .username{font-size:.9em}@media screen and (max-width: 1024px){.nav .wrapper{padding:2em 0;max-width:90%;margin:auto}.nav .wrapper .aside .codm-logo img{width:18px}.nav .wrapper .aside .username{font-size:.8em}}html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}[data-scroll-direction=horizontal] [data-scroll-container]{height:100vh;display:inline-block;white-space:nowrap}[data-scroll-direction=horizontal] [data-scroll-section]{display:inline-block;vertical-align:top;white-space:nowrap;height:100%}.c-scrollbar{position:absolute;right:0;top:0;width:11px;height:100%;transform-origin:center right;transition:transform .3s,opacity .3s;opacity:0}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-scrolling .c-scrollbar,.has-scroll-dragging .c-scrollbar{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{width:100%;height:10px;top:auto;bottom:0;transform:scaleY(1)}[data-scroll-direction=horizontal] .c-scrollbar:hover{transform:scaleY(1.3)}.c-scrollbar_thumb{position:absolute;top:0;right:0;background-color:#000;opacity:.5;width:7px;border-radius:10px;margin:2px;cursor:grab}.has-scroll-dragging .c-scrollbar_thumb{cursor:grabbing}[data-scroll-direction=horizontal] .c-scrollbar_thumb{right:auto;bottom:0}.hero .wrapper{max-width:1100px;margin:2em auto auto;display:flex;align-items:center}.hero .wrapper .section-1{margin-top:2em}.hero .wrapper .section-1 .title{font-size:4.5em;font-family:Poppins-B;line-height:1.1}.hero .wrapper .section-1 .desc{font-size:15px;width:65%;margin-top:2em;font-weight:500;line-height:1.6}.hero .wrapper .section-1 .flex-box{display:flex;gap:4em;margin-top:4em}.hero .wrapper .section-1 .flex-box div{width:30%;line-height:1.6em;font-size:13px;color:#b8c2d0}.hero .wrapper .section-2{cursor:pointer}.hero .wrapper .section-2 .rectangle{width:350px;height:350px;border:2px solid white;transition:transform .4s ease-in-out;transform:rotate(10deg)}.hero .wrapper .section-2:hover .rectangle{transform:rotate(0)}@media screen and (max-width: 768px){.hero .wrapper{max-width:90%;margin:1em auto auto;display:flex;gap:5em;flex-direction:column;align-items:center}.hero .wrapper .section-1{margin-top:2em}.hero .wrapper .section-1 .title{font-size:3.3em}.hero .wrapper .section-1 .desc{font-size:15px;width:90%;margin-top:1.5em}.hero .wrapper .section-1 .flex-box{display:flex;justify-content:space-between;gap:0;margin-top:3em}.hero .wrapper .section-1 .flex-box div{width:45%;line-height:1.6em;font-size:13px}.hero .wrapper .section-2{width:100%;cursor:pointer;overflow:hidden}.hero .wrapper .section-2:hover .rectangle{transition:transform .4s ease-in-out;transform:rotate(10deg)}.hero .wrapper .section-2 .rectangle{width:100%;height:350px;border:2px solid white;transition:transform .4s ease-in-out;transform:rotate(10deg)}.hero .wrapper .section-2:hover .rectangle{transform:rotate(0)}}@media screen and (min-width: 769px) and (max-width: 1024px){.hero .wrapper{max-width:90%;margin:2em auto auto;display:flex;justify-content:space-between;align-items:center}.hero .wrapper .section-1{width:70%;margin-top:0}.hero .wrapper .section-1 .title{font-size:3.7em}.hero .wrapper .section-1 .desc{font-size:15px;width:80%}.hero .wrapper .section-1 .flex-box{display:flex;gap:4em;margin-top:2em}.hero .wrapper .section-1 .flex-box div{width:40%;line-height:1.6em;font-size:13px;color:#b8c2d0}.hero .wrapper .section-2{cursor:pointer;width:55%;overflow:hidden}.hero .wrapper .section-2 .rectangle{width:300px;height:350px;border:2px solid white;transition:transform .4s ease-in-out;transform:rotate(0)}.hero .wrapper .section-2:hover .rectangle{transform:rotate(10deg)}}.about{margin-top:10em;padding:5em 0}.about .introduction{text-align:center;max-width:1000px;margin:auto}.about .wrapper{background-color:#181818;padding:3em;max-width:1100px;margin:4em auto auto;display:flex;justify-content:space-between;align-items:center}.about .wrapper .section-1{width:38%}.about .wrapper .section-1 .head{font-size:3.5em;font-weight:700;letter-spacing:1px}.about .wrapper .section-1 div{margin-top:2em;font-size:14px;font-weight:100;word-spacing:3px;color:#b8c2d0}@media screen and (max-width: 768px){.about{margin-top:7em;padding:3em 0}.about .introduction{text-align:center;max-width:90%;margin:auto;font-size:14px}.about .wrapper{max-width:90%;margin:4em auto auto;display:flex;flex-direction:column;gap:2em;padding:5em 1em}.about .wrapper .section-1{width:100%}.about .wrapper .section-1 .head{font-size:2.5em;letter-spacing:0}.about .wrapper .section-1 div{margin-top:1em;font-size:14px;font-weight:500}}@media screen and (min-width: 769px) and (max-width: 1024px){.about{margin-top:5em;padding:5em 0}.about .introduction{text-align:center;max-width:90%;margin:auto}.about .wrapper{background-color:#181818;padding:4em;max-width:100%;margin:3em auto auto}.about .wrapper .section-1{width:45%}.about .wrapper .section-1 .head{font-size:3em;font-weight:700;letter-spacing:1px}.about .wrapper .section-1 div{margin-top:2em;font-size:13px}}.technologies{margin-top:7em}.technologies .wrapper{max-width:1100px;margin:auto}.technologies .wrapper .head{font-size:1.8em;font-weight:700}.technologies .wrapper .desc{max-width:80%;margin-top:2em;font-size:15px}.technologies .wrapper .speciality{display:flex;margin-top:4em}.technologies .wrapper .speciality .title{font-size:1.3em;text-transform:capitalize;font-weight:700;width:30%}.technologies .wrapper .speciality .content{width:100%}.technologies .wrapper .speciality .content .container{max-width:60%;display:flex;justify-content:space-between}.technologies .wrapper .speciality .content .container .box{width:150px;height:90px;padding:10px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border:1px solid rgb(65,65,65)}.technologies .wrapper .speciality .content .container .box span{font-size:1.2em;font-weight:700}.technologies .wrapper .speciality .content .container .box p{font-size:.9em;font-weight:500;text-align:center}.technologies .wrapper .skill{margin-top:6em}.technologies .wrapper .skill .title{font-size:1.3em;text-transform:capitalize;font-weight:700}.technologies .wrapper .skill .list{max-width:80%;margin:3em auto auto;display:flex;justify-content:center;flex-wrap:wrap;gap:1em}.technologies .wrapper .skill .list .box{width:120px;height:120px;padding:1em;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border:1px solid rgb(65,65,65)}.technologies .wrapper .skill .list .box img{width:40px}.technologies .wrapper .skill .list .box p{font-size:1.1em;font-weight:500;text-align:center}@media screen and (max-width: 390px){.technologies{margin-top:4em}.technologies .wrapper{max-width:90%;margin:auto}.technologies .wrapper .head{font-size:1.5em}.technologies .wrapper .desc{max-width:100%;margin-top:2em}.technologies .wrapper .speciality{display:flex;flex-direction:column;margin-top:4em}.technologies .wrapper .speciality .title{font-size:1.3em;width:100%}.technologies .wrapper .speciality .content{width:100%;margin-top:1em}.technologies .wrapper .speciality .content .container{max-width:100%;display:flex;flex-wrap:wrap;gap:1.5em;justify-content:space-between}.technologies .wrapper .skill{margin-top:4em}.technologies .wrapper .skill .title{font-size:1.2em}.technologies .wrapper .skill .list{max-width:100%;margin:3em auto auto;display:flex;justify-content:center}.technologies .wrapper .skill .list .box{width:90px;height:100px;padding:1em}.technologies .wrapper .skill .list .box img{width:30px}.technologies .wrapper .skill .list .box p{font-size:1em}}@media screen and (min-width: 390px) and (max-width: 768px){.technologies{margin-top:4em}.technologies .wrapper{max-width:90%;margin:auto}.technologies .wrapper .head{font-size:1.5em}.technologies .wrapper .desc{max-width:100%;margin-top:2em}.technologies .wrapper .speciality{display:flex;flex-direction:column;margin-top:4em}.technologies .wrapper .speciality .title{font-size:1.3em;width:100%}.technologies .wrapper .speciality .content{width:100%;margin-top:1em}.technologies .wrapper .speciality .content .container{max-width:100%;display:flex;flex-wrap:wrap;gap:1.5em;justify-content:space-between}.technologies .wrapper .speciality .content .container .box{width:46%;height:100px}.technologies .wrapper .skill{margin-top:4em}.technologies .wrapper .skill .title{font-size:1.2em}.technologies .wrapper .skill .list{max-width:100%;margin:3em auto auto;display:flex;justify-content:center}.technologies .wrapper .skill .list .box{width:30%;height:100px;padding:1em}.technologies .wrapper .skill .list .box img{width:30px}.technologies .wrapper .skill .list .box p{font-size:1em}}@media screen and (min-width: 769px) and (max-width: 1024px){.technologies{margin-top:4em}.technologies .wrapper{max-width:90%;margin:auto}.technologies .wrapper .head{font-size:1.5em}.technologies .wrapper .desc{max-width:90%}.technologies .wrapper .speciality{display:flex;margin-top:4em}.technologies .wrapper .speciality .title{font-size:1.3em}.technologies .wrapper .speciality .content{width:100%}.technologies .wrapper .speciality .content .container{max-width:90%}.technologies .wrapper .skill{margin-top:5em}.technologies .wrapper .skill .list{max-width:90%;margin:2em auto auto;display:flex}}.projects{margin-top:9em}.projects .wrapper{max-width:1100px;margin:auto}.projects .wrapper .head{font-size:1.8em;font-weight:700;text-transform:capitalize}.projects .wrapper .project{margin-top:4em;display:flex;justify-content:space-between;flex-wrap:wrap;gap:2em}.projects .wrapper .project .box{width:340px;height:310px;padding:2em;display:flex;flex-direction:column;justify-content:space-between;background-color:#1a1919}.projects .wrapper .project .box .icons{fill:#5edaff}.projects .wrapper .project .box .top{display:flex;align-items:center;justify-content:space-between}.projects .wrapper .project .box .top .icons{font-size:25px}.projects .wrapper .project .box .top .icons.git{cursor:pointer;fill:#fff}.projects .wrapper .project .box .top .icons.git:hover{transition:fill .3s;fill:#5edaff}.projects .wrapper .project .box .title{margin-top:10px;font-size:21px;font-weight:700}.projects .wrapper .project .box .desc{font-size:13px;font-weight:100}.projects .wrapper .project .box .bottom{display:flex;justify-content:space-between;align-items:center}.projects .wrapper .project .box .bottom .stack{max-width:70%;font-size:10px;word-spacing:5px;color:#b9fffa}.projects .wrapper .project .box .bottom .view a{display:flex;align-items:center;gap:5px;font-size:13px}.projects .wrapper .project .box .bottom .view a:hover{transform:scale(1.1);transition:all .3s ease-in-out}.projects .wrapper .show-more{text-align:center;width:12em;height:35px;margin:4em auto auto;display:flex;justify-content:center;align-items:center;padding:0 2em;font-size:13px;cursor:pointer;border:1px solid rgb(94,218,255);transition:border .3s}.projects .wrapper .show-more:hover{border:1px solid white;transition:border .3s}@media screen and (max-width: 768px){.projects{margin-top:7em}.projects .wrapper{max-width:90%;margin:auto}.projects .wrapper .head{font-size:1.5em;font-weight:700;text-transform:capitalize}.projects .wrapper .project{margin-top:3em;display:flex;justify-content:space-between;flex-wrap:wrap;gap:2em}.projects .wrapper .project .box{width:100%;height:300px;padding:2em}.projects .wrapper .show-more{text-align:center;width:70%;margin-top:3em;font-size:13px}}@media screen and (min-width: 769px) and (max-width: 1024px){.projects{margin-top:7em}.projects .wrapper{max-width:90%;margin:auto}.projects .wrapper .head{font-size:1.5em}.projects .wrapper .project{margin-top:3em;display:flex;justify-content:center;flex-wrap:wrap;gap:2em}.projects .wrapper .project .box{width:45%;height:310px;padding:2em}}.footer{margin:8em 0}.footer .wrapper{max-width:1100px;margin:auto}.footer .wrapper .top{padding:2em}.footer .wrapper .top .head{font-size:3.8em;font-weight:700}.footer .wrapper .top .desc{font-size:15px;width:70%;margin-top:1em}.footer .wrapper .top .brief-info{margin-top:2em;display:flex;flex-direction:column;gap:5px}.footer .wrapper .top .brief-info a{font-size:16px;text-transform:uppercase;display:flex;align-items:center;gap:5px}.footer .wrapper hr{margin-top:3em}.footer .wrapper .bottom{padding:2em;display:flex;align-items:center;justify-content:space-between}.footer .wrapper .bottom .right{font-size:20px}.footer .wrapper .bottom .socials{display:flex;align-items:center;gap:2em}.footer .wrapper .bottom .socials a .icon:hover{fill:#fff;transition:all .3s}@media screen and (max-width: 768px){.footer{margin:8em 0 0}.footer .wrapper{max-width:90%;margin:auto}.footer .wrapper .top{padding:0}.footer .wrapper .top .head{font-size:1.5em}.footer .wrapper .top .desc{width:90%}.footer .wrapper .top .brief-info{gap:1.5em}.footer .wrapper .bottom{padding:0;margin-top:2em;display:flex;flex-direction:column;align-items:flex-start;gap:1em}.footer .wrapper .bottom .right{font-size:17px}.footer .wrapper .bottom .socials{display:flex;align-items:center;gap:2em}.footer .wrapper .bottom .socials a .icon{font-size:21px}}@media screen and (min-width: 769px) and (max-width: 1024px){.footer{margin:4em 0 1em}.footer .wrapper{max-width:95%;margin:auto}.footer .wrapper .top{padding:2em}.footer .wrapper .top .head{font-size:3em}.footer .wrapper .top .desc{width:90%;margin-top:1em}.footer .wrapper .top .brief-info{margin-top:2em;gap:1.5em}.footer .wrapper hr{margin-top:2em}}:root{font-family:Poppins;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}@font-face{font-family:Poppins;src:url(/assets/Poppins-Regular-707fdc5c.ttf)}@font-face{font-family:Poppins-B;src:url(/assets/Poppins-Bold-7219547e.ttf)}*{margin:0;padding:0;box-sizing:border-box}body{background:#0f0f0f;color:#fff}p,a,h1,h2,span{background:linear-gradient(90deg,#d0ffff,#fcfed7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:100%;background-repeat:repeat;color:transparent}