@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}::selection{background:rgba(255,208,0,.088)}body{background:#000;font-family:poppins,"cursive";height:100vh;overscroll-behavior-y:none;scroll-behavior:smooth}:root{--background-yellow:#ffd000;--bg-light-yellow:#ebe0a4;--text-color:#a5a5a5}ul{list-style-type:none}a{text-decoration:none}.overflow{height:100vh;overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:linear-gradient(transparent,#745f00);border-radius:6px}body.remove-mouse{cursor:none}body.remove-mouse:before{border:2px solid #000;border-radius:50%;content:"";height:20px;pointer-events:none;position:absolute;width:20px}.about-section{background:#000;display:flex;margin:0 auto;padding:100px 0 50px;position:relative;width:1100px}.about-section.about-fixed{justify-content:flex-end}.about-section .left-content{position:-webkit-sticky;position:sticky;top:0;transition:top 15s ease;width:45%}.about-section .left-content.left-fixed{position:fixed;top:0}.about-section .left-content h1{-webkit-text-stroke:.5px;-webkit-text-stroke-color:var(--background-yellow);font-size:70px;line-height:70px}.about-section .left-content p{background:linear-gradient(45deg,#dfeefd,#ebe9fe,#f4faf1,#e0f8ff,#eaebfc);-webkit-background-clip:text;background-clip:text;color:#b9b8b8;color:transparent;font-size:15px;padding-top:30px}.about-section .left-content p span{color:var(--background-yellow);opacity:.7}.about-section .right-content{color:var(--background-yellow);padding-top:30px;position:relative;width:50%}.about-section .right-content .skills{display:flex;flex-direction:column}.about-section .right-content .skills .skill{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:var(--background-yellow);border-radius:50px;color:#fff;font-size:14px;font-size:13px;margin:8px 0;overflow:hidden;padding:8px;position:relative;text-align:center;-webkit-transform:translateY(0);transform:translateY(0);transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;width:100px;z-index:100}.about-section .right-content .skills .skill:first-child{background-color:rgba(0,0,160,.556);left:38%;top:5%}.about-section .right-content .skills .skill:nth-child(2){background-color:rgba(173,0,0,.57);left:60%;top:30%}.about-section .right-content .skills .skill:nth-child(3){background-color:rgba(0,111,0,.514);left:20%;top:60%}.about-section .right-content .skills .skill:nth-child(4){background-color:rgba(154,154,0,.555);left:70%;top:70%}.about-section .right-content .skills .skill:nth-child(5){background-color:rgba(111,0,111,.532);left:85%;top:90%}.about-section .right-content .skills .skill:nth-child(6){background-color:rgba(196,127,0,.505);left:50%;top:20%}.about-section .right-content .skills .skill:nth-child(7){background-color:rgba(189,122,133,.525);left:20%;top:40%}.about-section .right-content .skills .skill:nth-child(8){background-color:rgba(113,25,25,.534);left:80%;top:60%}.about-section .right-content .skills .skill:nth-child(9){background-color:rgba(0,82,82,.581);left:40%;top:80%}.about-section .right-content .skills .skill:nth-child(10){background-color:rgba(0,189,189,.549);left:10%;top:90%}@media screen and (max-width:500px){.about-section .right-content .skills .skill{font-size:10px;padding:8px}}.about-section .right-content .container-anima{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) scale(1.5);transform:translate(-50%,-50%) scale(1.5)}@media screen and (max-width:1024px){.about-section .right-content .container-anima{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@media screen and (max-width:992px){.about-section .right-content .container-anima{-webkit-transform:translate(-50%,-50%) scale(1.3);transform:translate(-50%,-50%) scale(1.3)}}@media screen and (max-width:500px){.about-section .right-content .container-anima{top:30%;-webkit-transform:translate(-50%,-30%) scale(2.5);transform:translate(-50%,-30%) scale(2.5)}}@media screen and (max-width:1070px){.about-section{flex-direction:column;padding:50px 0 10px}.about-section .left-content{padding-right:0;width:100%}.about-section .right-content{padding-top:80px;width:100%}}@media screen and (max-width:700px){.about-section{padding:50px 0 10px}.about-section .right-content .drop-container .content,.about-section .right-content .drop-container .drop .container{width:90%}}@media screen and (max-width:500px){.about-section .left-content h1{font-size:36px}.about-section .left-content p{font-size:14px}.about-section .right-content .drop-container .drop .font-title{font-size:23px}.about-section .right-content .drop-container .drop .container{width:90%}.about-section .right-content .drop-container .drop .container .main h2{font-size:22px}.about-section .right-content .drop-container .drop .container .main p{font-size:14px}.about-section .right-content .drop-container .content{margin-bottom:20px;margin-left:40px;width:90%}}@media screen and (max-width:400px){.about-section .left-content h1{font-size:33px}.about-section .right-content .drop-container .drop .font-title{font-size:23px}.about-section .right-content .drop-container .drop .container{width:90%}.about-section .right-content .drop-container .drop .container .main h2{font-size:18px}.about-section .right-content .drop-container .drop .container .main p{font-size:12px}.about-section .right-content .drop-container .content{margin-bottom:20px;margin-left:40px;width:85%}.about-section .right-content .drop-container .content .tech .container .text p{font-size:14px}.about-section .right-content .drop-container .content .tech .container .text .icon{font-size:17px}.about-section .right-content .drop-container .content .tech .container .rate{font-size:14px}}@media only screen and (max-width:576px){.about-section{width:90%}.about-section .right-content{-webkit-transform:translateX(-10%);transform:translateX(-10%)}}@media only screen and (min-width:576px) and (max-width:768px){.about-section{width:80%}}@media only screen and (min-width:768px) and (max-width:992px){.about-section{width:80%}}@media only screen and (min-width:992px) and (max-width:1200px){.about-section{width:80%}}.home-nav{align-items:center;display:flex;height:12vh;justify-content:space-between;-webkit-user-select:none;user-select:none;width:100%;z-index:10000}.home-nav.location{background:transparent}.home-nav .logo{align-items:center;color:var(--background-yellow);display:flex;flex:0.6 1;justify-content:left;padding-left:100px;padding-right:50px;-webkit-user-select:none;user-select:none}@media screen and (min-width:1050px){.home-nav .logo{padding-left:200px;padding-right:0}}.home-nav .logo.location{background:transparent;color:#000}.home-nav .logo .h2{color:var(--background-yellow);overflow:hidden;-webkit-transform-origin:right;transform-origin:right;transition:all .3s ease;-webkit-user-select:none;user-select:none;width:75px}.home-nav .logo .h2.no-wrap{width:350px}@media screen and (max-width:900px){.home-nav .logo .h2.no-wrap{width:78px}}.home-nav .logo .h2 h2{text-wrap:nowrap;cursor:pointer;display:block;font-size:20px;padding-top:30px;transition:all .5s ease;-webkit-user-select:none;user-select:none}.home-nav .logo .h2 h2.wrap{-webkit-transform:translateX(-22%);transform:translateX(-22%)}@media screen and (max-width:900px){.home-nav .logo .h2 h2.wrap{-webkit-transform:translateX(0);transform:translateX(0)}}.home-nav .logo .h2.location{background:transparent;color:#ffa600;color:var(--background-yellow)}.home-nav .menu{background:#ffd000;display:flex;flex:0.4 1;height:100%;justify-content:right;padding-right:100px;padding-top:38px;position:relative;z-index:100}@media screen and (min-width:1050px){.home-nav .menu{padding-right:200px}}.home-nav .menu.location{background:transparent}.home-nav .menu .burger{align-items:flex-end;cursor:pointer;display:flex;flex-direction:column;transition:all .8s ease-in-out;-webkit-user-select:none;user-select:none;width:40px;z-index:1}.home-nav .menu .burger .bar-1{background:#000;border-radius:20px;height:3px;margin-bottom:8px;width:100%}.home-nav .menu .burger .bar-1.location{background:#ffa600}.home-nav .menu .burger .bar-2{background:#000;border-radius:20px;height:3px;width:60%}.home-nav .menu .burger .bar-2.location{background:#ffa600}.home-nav .menu .burger .bar{color:#000;font-size:35px}.home-nav .menu .burger .bar.location{color:#ffa600;color:var(--background-yellow)}.home-nav .menu .times{font-size:25px;transition:all .4s ease-in-out}.home-nav .menu .times.location{color:#ffa600;color:var(--background-yellow)}.home-nav .menu .menu-list{background:var(--bg-light-yellow);height:0;overflow:hidden;padding:0;position:absolute;right:22%;top:0;-webkit-transform-origin:top;transform-origin:top;transition:all .5s ease-in-out;width:0}.home-nav .menu .menu-list.active{height:400px;padding:80px 50px 40px;transition:all .5s ease-in-out;width:300px}.home-nav .menu .menu-list li{cursor:pointer;font-size:20px;opacity:1;padding-bottom:20px;-webkit-transform:translateX(0);transform:translateX(0);transition:all .6s ease-in-out}.home-nav .menu .menu-list li:first-child{transition-delay:.2s}.home-nav .menu .menu-list li:nth-child(2){transition-delay:.3s}.home-nav .menu .menu-list li:nth-child(3){transition-delay:.4s}.home-nav .menu .menu-list li:nth-child(4){transition-delay:.5s}.home-nav .menu .menu-list li.active{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%);transition:all .8s ease-in-out}.home-nav .menu .menu-list li a{position:relative;transition:all .5s ease-in-out}.home-nav .menu .menu-list li a:after{background:#ff6c52;bottom:10%;content:"";height:70%;opacity:0;position:absolute;right:10%;transition:all .5s ease-in-out;width:15px}.home-nav .menu .menu-list li a:hover:after{bottom:10%;height:70%;opacity:.4;right:-10%;width:15px}.home-nav .menu .menu-list a{color:#000}.home-nav .menu .menu-list .socials{align-items:center;display:flex;justify-content:space-between;opacity:1;padding-top:40px;-webkit-transform:translateX(0);transform:translateX(0);transition:all .8s ease-in-out;width:100%}.home-nav .menu .menu-list .socials a{font-size:20px;transition:all .3s ease-in-out}.home-nav .menu .menu-list .socials a:hover{color:#4b4200;-webkit-transform:scale(1.1) translateY(-5px);transform:scale(1.1) translateY(-5px)}.home-nav .menu .menu-list .socials.active{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%);transition:all .8s ease-in-out}@media screen and (min-width:600px){.home-nav .menu .burger .bar{font-size:38px}.home-nav .menu .font{font-size:30px;font-weight:200}}@media screen and (max-width:1070px){.home-nav,.home-nav .menu{background:#000}.home-nav .menu .burger .bar{color:var(--background-yellow)}}@media screen and (max-width:700px){.home-nav .logo{padding-left:50px}.home-nav .logo,.home-nav .menu{padding-right:50px}}@media screen and (max-width:680px){.home-nav .menu .times.location{color:#000}.home-nav .menu .menu-list{display:none}}@media screen and (max-width:500px){.home-nav .logo{padding-left:40px;padding-right:40px}}.left-home{align-items:center;background-color:#000;display:flex;flex:0.6 1;height:100%;padding-bottom:50px;padding-left:120px;-webkit-user-select:none;user-select:none}@media screen and (min-width:1050px){.left-home{padding-left:200px}}.left-home .content h1{-webkit-text-stroke:.5px;-webkit-text-stroke-color:var(--background-yellow);font-size:60px;line-height:50px}.left-home .content h1 span{-webkit-text-stroke:0;-webkit-text-stroke-color:transparent;color:#fff;font-size:40px;padding-left:3px}.left-home .content .info{background:linear-gradient(45deg,#dfeefd,#ebe9fe,#f4faf1,#e0f8ff,#eaebfc);-webkit-background-clip:text;background-clip:text;color:#b9b8b8;color:transparent;font-size:15px;padding-top:25px;width:60%}.left-home .content .info .name-span{color:var(--background-yellow);font-weight:600;opacity:.9;text-transform:uppercase}.left-home .content .skills{color:var(--background-yellow);display:flex;font-size:12px;justify-content:space-between;margin-top:100px;opacity:.7;width:70%}.left-home .content .skills p{width:45%}.left-home .content .skills p:first-child{margin-right:0}@media screen and (max-width:1070px){.left-home{align-items:center;display:flex;flex:1 1;justify-content:center;padding-left:90px;width:100%}.left-home .content{align-items:center;padding-top:100px}.left-home .content h1{font-size:50px;line-height:50px}.left-home .content h1 span{-webkit-text-stroke:0;-webkit-text-stroke-color:transparent;font-size:40px;padding-left:3px}.left-home .content .info{padding-top:25px;width:60%}}@media screen and (max-width:805px){.left-home .content .info{width:80%}}@media screen and (max-width:700px){.left-home{padding-bottom:80px;padding-left:60px;padding-right:60px}.left-home .content .info{width:90%}.left-home .content .skills{align-items:center;color:var(--background-yellow);display:flex;justify-content:space-between;margin-top:100px;opacity:.7;width:100%}.left-home .content .skills p:first-child{margin-right:50px}}@media screen and (max-width:500px){.left-home{padding-left:40px;padding-right:40px}.left-home .content .info{width:100%}.left-home .content .skills{font-size:12px}}@media screen and (max-width:400px){.left-home .content h1{font-size:38px}.left-home .content .info{font-size:14px}.left-home .content .skills{font-size:12px}}.home-nav-responsive{align-items:center;display:flex;justify-content:space-between;-webkit-user-select:none;user-select:none;width:100%}.home-nav-responsive.location{background:transparent}.home-nav-responsive .logo{align-items:center;background:transparent;color:var(--background-yellow);display:flex;flex:0.6 1;justify-content:left;padding-left:70px;padding-right:50px}.home-nav-responsive .logo .h2{color:#000;-webkit-user-select:none;user-select:none}.home-nav-responsive .logo .h2 h2{cursor:pointer;font-size:26px;padding-top:30px;-webkit-user-select:none;user-select:none}.home-nav-responsive .menu{background:#ffd000;display:flex;flex:0.4 1;height:100%;justify-content:right;margin-top:30px;padding-right:70px;position:relative;-webkit-user-select:none;user-select:none;z-index:100}.home-nav-responsive .menu.location{background:transparent}.home-nav-responsive .menu .burger{align-items:flex-end;cursor:pointer;display:flex;flex-direction:column;transition:all .8s ease-in-out;-webkit-user-select:none;user-select:none;width:40px;z-index:1}.home-nav-responsive .menu .burger .bar-1{background:#000;border-radius:20px;height:3px;margin-bottom:8px;width:100%}.home-nav-responsive .menu .burger .bar-2{background:#000;border-radius:20px;height:3px;width:60%}.home-nav-responsive .menu .burger .bar{color:#000;font-size:35px}.home-nav-responsive .menu .times{font-size:25px;transition:all .4s ease-in-out;-webkit-user-select:none;user-select:none}.home-nav-responsive .menu .menu-list{background:var(--bg-light-yellow);height:0;overflow:hidden;padding:0;position:absolute;right:9%;top:0;-webkit-transform-origin:top;transform-origin:top;transition:all .5s ease-in-out;width:0}.home-nav-responsive .menu .menu-list.active{height:400px;padding:80px 50px 40px;transition:all .5s ease-in-out;width:300px}.home-nav-responsive .menu .menu-list li{cursor:pointer;font-size:20px;opacity:1;padding-bottom:20px;-webkit-transform:translateX(0);transform:translateX(0);transition:all .6s ease-in-out}.home-nav-responsive .menu .menu-list li:hover{opacity:.7;-webkit-transform:translateX(5px);transform:translateX(5px)}.home-nav-responsive .menu .menu-list li.active{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%);transition:all .8s ease-in-out}.home-nav-responsive .menu .menu-list a{color:#000}.home-nav-responsive .menu .menu-list .socials{align-items:center;display:flex;justify-content:space-between;opacity:1;padding-top:40px;-webkit-transform:translateX(0);transform:translateX(0);transition:all .8s ease-in-out;width:100%}.home-nav-responsive .menu .menu-list .socials a{font-size:20px;transition:all .3s ease-in-out}.home-nav-responsive .menu .menu-list .socials a:hover{color:#4b4200;-webkit-transform:scale(1.1) translateY(-5px);transform:scale(1.1) translateY(-5px)}.home-nav-responsive .menu .menu-list .socials.active{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%);transition:all .8s ease-in-out}@media screen and (max-width:1070px){.home-nav-responsive,.home-nav-responsive .menu{background:transparent}.home-nav-responsive .menu .burger .bar{color:var(--background-yellow)}}@media screen and (max-width:700px){.home-nav-responsive .logo{padding-left:50px;padding-right:50px}.home-nav-responsive .menu{padding-right:50px}}@media screen and (max-width:500px){.home-nav-responsive .logo{padding-left:40px;padding-right:40px}}.menu-responsive{background:#e4c200;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10000}.menu-responsive .menu-list{background:transparent;display:flex;flex-direction:column;height:100%;justify-content:space-between;overflow:hidden;padding:40px 80px;-webkit-transform-origin:top;transform-origin:top;transition:all .5s ease-in-out;width:100%}.menu-responsive .menu-list li{cursor:pointer;font-size:20px;opacity:1;padding-bottom:20px;-webkit-transform:translateX(0);transform:translateX(0);transition:all .6s ease-in-out}.menu-responsive .menu-list li:first-child{transition-delay:.2s}.menu-responsive .menu-list li:nth-child(2){transition-delay:.3s}.menu-responsive .menu-list li:nth-child(3){transition-delay:.4s}.menu-responsive .menu-list li:nth-child(4){transition-delay:.5s}.menu-responsive .menu-list li.active{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%);transition:all .8s ease-in-out}.menu-responsive .menu-list li a{position:relative;transition:all .5s ease-in-out}.menu-responsive .menu-list li a:after{background:#ff6c52;bottom:10%;content:"";height:70%;opacity:0;position:absolute;right:10%;transition:all .5s ease-in-out;width:15px}.menu-responsive .menu-list li a:hover:after{bottom:10%;height:70%;opacity:.4;right:-10%;width:15px}.menu-responsive .menu-list a{color:#000}.menu-responsive .menu-list .socials{align-items:center;display:flex;justify-content:space-between;opacity:1;padding-top:100px;-webkit-transform:translateX(0);transform:translateX(0);transition:all .8s ease-in-out;width:100%}.menu-responsive .menu-list .socials a{font-size:25px;transition:all .3s ease-in-out}.menu-responsive .menu-list .socials a:hover{color:#0e0c00;-webkit-transform:scale(1.1) translateY(-5px);transform:scale(1.1) translateY(-5px)}.menu-responsive .menu-list .socials.active{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%);transition:all .8s ease-in-out}@media screen and (min-width:678px){.menu-responsive{opacity:0;pointer-events:none}}@media screen and (max-width:677px){.menu-responsive{-webkit-animation:fadeOut .4s ease-in-out forwards;animation:fadeOut .4s ease-in-out forwards;opacity:0}.menu-responsive.active{-webkit-animation:fade .4s ease-in-out forwards;animation:fade .4s ease-in-out forwards;opacity:1;pointer-events:all}}@media screen and (max-width:400px){.menu-responsive .menu-list{padding:40px 60px}}@-webkit-keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes liii{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes liii{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.left-home-media{background:var(--background-yellow);display:none;padding:50px;-webkit-user-select:none;user-select:none;width:100%}@media screen and (max-width:1070px){.left-home-media{align-items:center;display:flex;justify-content:center}}@media screen and (max-width:400px){.left-home-media{padding:50px}}.author-img-container{color:#fff;left:50%;position:absolute;top:20%;-webkit-user-select:none;user-select:none}.author-img-container,.author-img-container.scroll .img-border{transition:all 2s ease-in-out}.author-img-container .img-border{border:1px solid #fff;height:300px;position:relative;width:300px}.author-img-container .img-border img{height:100%;left:-10%;object-fit:cover;position:absolute;top:-10%;width:100%}@media screen and (max-width:1070px){.author-img-container{left:0;position:inherit;top:0}}@media screen and (max-width:967px){.author-img-container .img-border{height:250px;width:250px}}@media screen and (max-width:500px){.author-img-container .img-border{height:230px;width:250px}.author-img-container .img-border img{left:-7%;top:-7%}}@media screen and (max-width:376px){.author-img-container .img-border{height:200px;width:250px}}.right-home{align-items:flex-end;background:var(--background-yellow);display:flex;flex:0.4 1;height:100%;justify-content:right;padding-bottom:150px;padding-right:70px;-webkit-user-select:none;user-select:none}@media screen and (min-width:1050px){.right-home{padding-right:200px}}.right-home .shapes{align-items:center;display:flex;flex-direction:column;justify-content:center}.right-home .shapes .square{border:3px solid #000;height:10px;width:10px}.right-home .shapes .poly{background:#000;height:6px;margin-top:12px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:6px}@media screen and (max-width:1070px){.right-home{display:none}}.skill-section-container{background:#16161a;width:100%}.skill-section-container .skill-section{display:flex;justify-content:space-between;margin:0 auto;padding:100px 0;position:relative;width:1100px}.skill-section-container .skill-section .letter{-webkit-text-stroke:.5px;-webkit-text-stroke-color:#ffc800;background:linear-gradient(45deg,#dfeefd,#ebe9fe,#f4faf1,#e0f8ff,#eaebfc);-webkit-background-clip:text;background-clip:text;color:#000;font-size:20em;font-weight:700;left:50%;opacity:.2;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none}.skill-section-container .skill-section .left-content{width:40%;z-index:1}.skill-section-container .skill-section .right-content{align-items:flex-end;display:flex;width:40%;z-index:1}.skill-section-container .skill-section h1{background:linear-gradient(45deg,#dfeefd,#ebe9fe,#f4faf1,#e0f8ff,#eaebfc);-webkit-background-clip:text;background-clip:text;color:#000;color:transparent;font-size:70px}.skill-section-container .skill-section h1.remove-cursor{cursor:none}.skill-section-container .skill-section p{background:linear-gradient(45deg,#dfeefd,#ebe9fe,#f4faf1,#e0f8ff,#eaebfc);-webkit-background-clip:text;background-clip:text;color:#000;color:transparent}@media screen and (max-width:1070px){.skill-section h1{font-size:55px}.skill-section .left-content,.skill-section .right-content{width:45%}}@media screen and (max-width:992px){.skill-section h1{font-size:45px}.skill-section .letter{font-size:18em;font-weight:700}.skill-section .left-content,.skill-section .right-content{width:50%}}@media screen and (max-width:805px){.skill-section{flex-direction:column}.skill-section .left-content{margin-bottom:40px;width:100%}.skill-section .right-content{width:100%}.skill-section .letter{font-size:16em;font-weight:700}}@media screen and (max-width:700px){.skill-section .letter{font-size:14em;font-weight:700}}@media screen and (max-width:500px){.skill-section h1{font-size:35px}.skill-section p{font-size:14px}.skill-section .letter{font-size:13em;font-weight:700}}@media screen and (max-width:400px){.skill-section h1{font-size:35px}}@media only screen and (max-width:576px){.skill-section-container .letter{display:none}.skill-section-container .skill-section{flex-direction:column;width:90%}.skill-section-container .skill-section h1{font-size:35px}.skill-section-container .skill-section .left-content,.skill-section-container .skill-section .right-content{width:100%}}@media only screen and (min-width:576px) and (max-width:768px){.skill-section-container .skill-section{flex-direction:column;width:80%}.skill-section-container .skill-section .left-content,.skill-section-container .skill-section .right-content{width:100%}}@media only screen and (min-width:768px) and (max-width:992px){.skill-section-container .skill-section{flex-direction:column;width:80%}.skill-section-container .skill-section .left-content,.skill-section-container .skill-section .right-content{width:100%}}@media only screen and (min-width:992px) and (max-width:1200px){.skill-section-container .skill-section{width:80%}.skill-section-container .skill-section .left-content,.skill-section-container .skill-section .right-content{width:50%}}.cursor-container{background-color:initial;background-color:#fff;border-radius:50%;height:50px;mix-blend-mode:difference;pointer-events:none;position:fixed;transition:opacity .2s,background-color .3s,-webkit-transform .1s;transition:transform .1s,opacity .2s,background-color .3s;transition:transform .1s,opacity .2s,background-color .3s,-webkit-transform .1s;width:50px;z-index:1000}.contact{align-items:center;background:#000;display:flex;flex-direction:column;justify-content:center;margin:0 auto;position:relative;width:1100px}.contact h1{color:transparent;font-size:70px}.contact h1,.contact p{background:linear-gradient(45deg,#dfeefd,#ebe9fe,#f4faf1,#e0f8ff,#eaebfc);-webkit-background-clip:text;background-clip:text}.contact p{color:var(--background-yellow);color:#b9b8b8;color:transparent;font-size:20px;padding-bottom:40px;text-align:center;width:50%}.contact .hello{margin-bottom:100px}.contact .hello h2{background:linear-gradient(45deg,#dfeefd,#ebe9fe,#f4faf1,#e0f8ff,#eaebfc);-webkit-background-clip:text;background-clip:text;color:#b9b8b8;color:transparent;font-size:20px;letter-spacing:5px;margin-top:50px;text-align:center}.contact .hello a{color:#fff;font-size:14px;position:relative}.contact .hello a .overlay{background:#ceb215;bottom:0;height:12px;opacity:.8;position:absolute;right:0;-webkit-transform-origin:right;transform-origin:right;transition:all .3s ease-in-out;width:0}.contact .hello a:hover .overlay{bottom:5px;left:0;right:auto;width:50%}@media only screen and (max-width:576px){.contact{width:90%}.contact p{font-family:16px;width:90%}.contact h1{font-size:50px;line-height:60px;text-align:center}}@media only screen and (min-width:576px) and (max-width:768px){.contact{width:80%}.contact p{width:90%}.contact h1{line-height:60px;text-align:center}}@media only screen and (min-width:768px) and (max-width:992px){.contact{width:80%}.contact p{width:90%}.contact h1{line-height:60px;text-align:center}}@media only screen and (min-width:992px) and (max-width:1200px){.contact{width:80%}.contact p{width:70%}}.error-message{background:rgba(255,79,79,.151);color:#d65f5f}.error-message,.success-message{border-radius:5px;margin-bottom:15px;padding:10px;width:100%}.success-message{background:rgba(139,255,168,.082);color:#028f00}.loader-container{align-items:center;display:flex;justify-content:center;width:100%}.loader-container .loader{display:inline-block;height:80px;position:relative;width:80px}.loader-container .loader div{-webkit-animation-timing-function:cubic-bezier(0,1,1,0);animation-timing-function:cubic-bezier(0,1,1,0);background:#fff;border-radius:50%;height:10px;position:absolute;top:33px;width:10px}.loader-container .loader div:first-child{-webkit-animation:ids1 .6s infinite;animation:ids1 .6s infinite;left:8px}.loader-container .loader div:nth-child(2){-webkit-animation:ids2 .6s infinite;animation:ids2 .6s infinite;left:8px}.loader-container .loader div:nth-child(3){-webkit-animation:ids2 .6s infinite;animation:ids2 .6s infinite;left:32px}.loader-container .loader div:nth-child(4){-webkit-animation:ids3 .6s infinite;animation:ids3 .6s infinite;left:56px}@-webkit-keyframes ids1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes ids1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes ids3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes ids3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes ids2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}@keyframes ids2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}.home{overflow-x:hidden;width:100%}.home main{display:flex;width:100%}.home .loading-container{display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:absolute;top:0;width:100vw;z-index:1e+23}.home .loading-container .loader{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;border:3px solid #3d3d3d;border-radius:50%;border-top-color:#fff;height:40px;left:50%;margin:-76px 0 0 -76px;position:absolute;top:50%;width:40px;z-index:100}.home .loading-container .ids-ripple{display:inline-block;height:80px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80px;z-index:200}.home .loading-container .ids-ripple div{-webkit-animation:ids-ripple 1s cubic-bezier(0,.2,.8,1) infinite;animation:ids-ripple 1s cubic-bezier(0,.2,.8,1) infinite;border:4px solid #fff;border-radius:50%;opacity:1;position:absolute}@-webkit-keyframes ids-ripple{0%{height:0;left:36px;opacity:0;top:36px;width:0}4.9%{height:0;left:36px;opacity:0;top:36px;width:0}5%{height:0;left:36px;opacity:1;top:36px;width:0}to{height:72px;left:0;opacity:0;top:0;width:72px}}@keyframes ids-ripple{0%{height:0;left:36px;opacity:0;top:36px;width:0}4.9%{height:0;left:36px;opacity:0;top:36px;width:0}5%{height:0;left:36px;opacity:1;top:36px;width:0}to{height:72px;left:0;opacity:0;top:0;width:72px}}.home .loading-container .fade{opacity:0;pointer-events:none;transition:all .5s ease-in-out}.home .loading-container .left{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:move-left;animation-name:move-left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background:#000;position:relative}.home .loading-container .left,.home .loading-container .right{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-duration:4s;animation-duration:4s;height:50%;object-fit:cover;width:100%;z-index:199}.home .loading-container .right{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:move-right;animation-name:move-right;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background:var(--background-yellow);-webkit-transform:translateY(0);transform:translateY(0)}.home .remove-load{display:none;pointer-events:none}.overflow-home{height:100vh;overflow:hidden;position:relative}.home-responsive{overflow-y:hidden}.fixed-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,6%,.219);border-radius:50px;bottom:-50%;box-shadow:0 4px 6px rgba(0,0,0,.042);color:#fff09d;left:50%;padding:20px 40px;position:fixed;-webkit-transform:translate(-50%,-5%);transform:translate(-50%,-5%);transition:all .5s ease-in-out;z-index:1000}.fixed-nav.activate{bottom:5%}.fixed-nav span{cursor:pointer;font-size:23px;margin-right:30px}.fixed-nav span:last-child{margin-right:0}@media screen and (max-width:600px){.fixed-nav{align-items:center;display:flex;justify-content:space-between;padding:20px 30px;width:60%}.fixed-nav span{font-size:17px}}@media screen and (max-width:1070px){main{flex-direction:column}}@media screen and (min-width:1071px){main{height:90vh}}@-webkit-keyframes move-left{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{pointer-events:none;-webkit-transform:translateY(-1000%);transform:translateY(-1000%)}}@keyframes move-left{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{pointer-events:none;-webkit-transform:translateY(-1000%);transform:translateY(-1000%)}}@-webkit-keyframes move-right{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{pointer-events:none;-webkit-transform:translateY(1000%);transform:translateY(1000%)}}@keyframes move-right{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{pointer-events:none;-webkit-transform:translateY(1000%);transform:translateY(1000%)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{transfrom:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{transfrom:rotate(1turn)}}.footer,.main-home{position:relative}.footer{margin:0 auto;width:1100px}.footer .contact-view{align-items:flex-start;display:flex;flex-direction:column;padding-bottom:80px}.footer .contact-view h2{color:rgba(0,0,0,.685);font-size:18px;font-weight:400;padding-bottom:30px;-webkit-user-select:none;user-select:none}.footer .contact-view a{color:#000}.footer .contact-view .ctc{align-items:center;display:flex;justify-content:center;padding-bottom:10px}.footer .contact-view .ctc .icon{font-size:20px;margin-right:20px}.footer .contact-view .socials{align-items:center;display:flex;justify-content:space-between;opacity:1;padding-top:10px;-webkit-transform:translateX(0);transform:translateX(0);transition:all .8s ease-in-out;width:200px}.footer .contact-view .socials a{font-size:20px;transition:all .3s ease-in-out}.footer .contact-view .socials a:hover{color:#4b4200;-webkit-transform:scale(1.1) translateY(-5px);transform:scale(1.1) translateY(-5px)}.footer .contact-view .socials.active{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%);transition:all .8s ease-in-out}.footer .contain{align-items:center;border-top:1px solid #fff;display:flex;justify-content:space-between;padding-bottom:120px;padding-top:40px}.footer .contain .copyright{color:#fff}.footer .contain .socials{align-items:center;display:flex;justify-content:space-between;opacity:1;padding-top:10px;-webkit-transform:translateX(0);transform:translateX(0);transition:all .8s ease-in-out;width:200px}.footer .contain .socials a{color:#fff;font-size:25px;transition:all .3s ease-in-out}.footer .contain .socials a:hover{color:#efd300;-webkit-transform:scale(1.1) translateY(-5px);transform:scale(1.1) translateY(-5px)}.footer .contain .socials.active{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%);transition:all .8s ease-in-out}@media only screen and (max-width:576px){.footer{width:90%}.footer .copyright{display:none}}@media only screen and (min-width:576px) and (max-width:768px){.footer{width:80%}}@media only screen and (min-width:768px) and (max-width:992px){.footer{width:80%}}@media only screen and (min-width:992px) and (max-width:1200px){.footer{width:80%}}.portfolio-section-container{overflow-x:hidden;position:relative;width:100%}.portfolio-section-container .letter{-webkit-text-stroke:.5px;-webkit-text-stroke-color:#ffc800;background:linear-gradient(45deg,#dfeefd,#ebe9fe,#f4faf1,#e0f8ff,#eaebfc);-webkit-background-clip:text;background-clip:text;color:#525151;color:#000;display:none;font-size:25em;font-weight:700;opacity:.1;opacity:.2;position:absolute;right:-60%;top:-13%;-webkit-user-select:none;user-select:none}.portfolio-section-container .portofolio-section{background:#000;margin:0 auto;padding:50px 0;position:relative;width:1100px}.portfolio-section-container .portofolio-section h1{-webkit-text-stroke:.5px;-webkit-text-stroke-color:var(--background-yellow);font-size:70px}.portfolio-section-container .portofolio-section .content{padding-top:30px}.portfolio-section-container .portofolio-section .content p{background:linear-gradient(45deg,#dfeefd,#ebe9fe,#f4faf1,#e0f8ff,#eaebfc);-webkit-background-clip:text;background-clip:text;color:var(--text-color);color:transparent;font-size:16px}.portfolio-section-container .portofolio-section .content p a{color:var(--background-yellow);opacity:.7;transition:all .3s ease-in-out}.portfolio-section-container .portofolio-section .content p a:hover{opacity:.5}.portfolio-section-container .portofolio-section section{padding:100px 0;width:100%}.portfolio-section-container .portofolio-section section .projects{grid-gap:2rem;align-items:flex-start;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-content:flex-start}.portfolio-section-container .portofolio-section section .projects .proj{background:rgba(22,20,0,.762);color:#000;display:flex;flex-direction:column;height:280px;justify-content:space-between;overflow:hidden;padding:30px 25px;position:relative;transition:all .3s ease-in-out}.portfolio-section-container .portofolio-section section .projects .proj .overlay{background:#ceb215;bottom:0;height:3px;position:absolute;right:0;-webkit-transform-origin:right;transform-origin:right;transition:all .3s ease-in-out;width:0}.portfolio-section-container .portofolio-section section .projects .proj:hover .overlay{left:0;right:auto;width:100%}.portfolio-section-container .portofolio-section section .projects .proj h3{color:#ceb215}.portfolio-section-container .portofolio-section section .projects .proj .stack span{background:rgba(0,0,0,.575);border-radius:5px;color:#ceb215;font-size:12px;margin-bottom:10px;margin-right:3px;padding:5px;text-transform:uppercase}@media screen and (max-width:500px){.portfolio-section-container .portofolio-section section .projects .proj .stack span{font-size:10px;padding:3px}}.portfolio-section-container .portofolio-section section .projects .proj p.desc{color:#ceb215;font-size:14px}.portfolio-section-container .portofolio-section section .projects .proj .end{align-items:center;display:flex;justify-content:space-between;width:100%}.portfolio-section-container .portofolio-section section .projects .proj .end .view{align-items:center;color:#ceb215;display:flex}.portfolio-section-container .portofolio-section section .projects .proj .end .view p{font-size:14px;padding-left:10px}.portfolio-section-container .portofolio-section section .projects .proj .end .git-container{align-items:center;color:#b39a11;display:flex;font-size:23px;justify-content:center;-webkit-user-select:none;user-select:none}.portfolio-section-container .portofolio-section section .projects .project{color:#000;height:280px;overflow:hidden;position:relative;transition:all .3s ease-in-out}.portfolio-section-container .portofolio-section section .projects .project img{height:100%;object-fit:cover;transition:all .3s ease-in-out;-webkit-user-select:none;user-select:none;width:100%}.portfolio-section-container .portofolio-section section .projects .project .overlay{background:rgba(68,58,1,.459);content:"";height:100%;left:0;opacity:.4;pointer-events:none;position:absolute;top:0;transition:all .3s ease-in-out;width:100%}.portfolio-section-container .portofolio-section section .projects .project .title-overlay{background:gold;bottom:-100%;content:"";display:flex;flex-direction:column;left:0;padding:5px 10px;position:absolute;transition:all .3s ease-in-out;-webkit-user-select:all;user-select:all;width:100%}.portfolio-section-container .portofolio-section section .projects .project .title-overlay p{font-size:14px}.portfolio-section-container .portofolio-section section .projects .project .title-overlay h3{cursor:default}@media screen and (max-width:600px){.portfolio-section-container .portofolio-section section .projects .project .title-overlay .technologies{padding-top:5px}}.portfolio-section-container .portofolio-section section .projects .project .title-overlay .technologies{align-items:center;display:flex;justify-content:space-between;padding-bottom:10px;padding-top:10px;width:100%}.portfolio-section-container .portofolio-section section .projects .project .title-overlay .technologies .stack{flex:0.8 1}.portfolio-section-container .portofolio-section section .projects .project .title-overlay .technologies .stack span{background:rgba(0,0,0,.575);border-radius:5px;color:#fddc21;font-size:11px;margin-bottom:10px;margin-right:3px;padding:5px}@media screen and (max-width:500px){.portfolio-section-container .portofolio-section section .projects .project .title-overlay .technologies .stack span{font-size:10px;padding:3px}}.portfolio-section-container .portofolio-section section .projects .project .title-overlay .technologies a{align-items:center;color:#000;display:flex;flex:0.2 1;font-size:23px;justify-content:center;-webkit-user-select:none;user-select:none}.portfolio-section-container .portofolio-section section .projects .project .title-overlay .technologies a .git{float:left}.portfolio-section-container .portofolio-section section .projects .project .view{align-items:center;background:gold;border-radius:50%;color:#000;content:"";cursor:pointer;display:flex;height:100px;justify-content:center;left:50%;opacity:0;position:absolute;top:20%;-webkit-transform:translate(-50%,-20%) scale(.8);transform:translate(-50%,-20%) scale(.8);transition:all .3s ease-in-out;-webkit-user-select:none;user-select:none;width:100px}.portfolio-section-container .portofolio-section section .projects .project .view p{font-size:13px;font-weight:500;text-align:center}@media screen and (max-width:500px){.portfolio-section-container .portofolio-section section .projects .project .view{top:8%;-webkit-transform:translate(-50%,-8%) scale(.65);transform:translate(-50%,-8%) scale(.65)}}.portfolio-section-container .portofolio-section section .projects .project:hover img{-webkit-transform:scale(1.3);transform:scale(1.3)}.portfolio-section-container .portofolio-section section .projects .project:hover .view{opacity:1}.portfolio-section-container .portofolio-section section .projects .project:hover .overlay{background:none}.portfolio-section-container .portofolio-section section .projects .project:hover .title-overlay{bottom:0}@media only screen and (max-width:576px){.portfolio-section-container .portofolio-section{width:90%}.portfolio-section-container .portofolio-section h1{font-size:40px}}@media only screen and (min-width:576px) and (max-width:768px){.portfolio-section-container .portofolio-section{width:80%}}@media only screen and (min-width:768px) and (max-width:992px){.portfolio-section-container .portofolio-section{width:80%}}@media only screen and (min-width:992px) and (max-width:1200px){.portfolio-section-container .portofolio-section{width:80%}}.sticky-cursor{background-color:#000;border-radius:50%;height:10px;pointer-events:none;position:fixed;transition:background .2s ease-in-out;width:10px;z-index:1000}.sticky-cursor.stick-dark{background-color:#ffd000;mix-blend-mode:difference}@media only screen and (max-width:992px){.sticky-cursor{display:none}}.main-hero{margin:0 auto;width:1100px}.main-hero nav{align-items:center;color:var(--background-yellow);display:flex;height:12vh;justify-content:space-between;width:100%}.main-hero nav .left-nav{overflow:hidden;width:75px}.main-hero nav .left-nav:hover{width:300px}.main-hero nav .left-nav .h2-container{background:blue;color:var(--background-yellow);overflow:hidden;-webkit-transform-origin:right;transform-origin:right;transition:all .3s ease;-webkit-user-select:none;user-select:none}.main-hero nav .left-nav .h2-container h2{text-wrap:nowrap;cursor:pointer;display:block;font-size:20px;transition:all .5s ease;-webkit-user-select:none;user-select:none}.main-hero nav .left-nav .h2-container h2.hover:hover{-webkit-transform:translateX(-80px);transform:translateX(-80px)}.main-hero nav .icon{align-items:center;color:var(--background-yellow);display:flex;justify-content:center}.main-hero nav .icon svg{cursor:pointer;font-size:30px}.main-hero .main-hero-container{align-items:center;display:flex;height:88vh;justify-content:space-between;width:100%}.main-hero .main-hero-container .left-home{flex:0.5 1;padding:0}.main-hero .main-hero-container .left-home .content h1{-webkit-text-stroke:.5px;-webkit-text-stroke-color:var(--background-yellow);font-size:60px;line-height:50px}.main-hero .main-hero-container .left-home .content h1 span{-webkit-text-stroke:0;-webkit-text-stroke-color:transparent;color:#fff;font-size:40px;padding-left:3px}.main-hero .main-hero-container .left-home .content .info{background:linear-gradient(45deg,#dfeefd,#ebe9fe,#f4faf1,#e0f8ff,#eaebfc);-webkit-background-clip:text;background-clip:text;color:#b9b8b8;color:transparent;font-size:15px;padding-top:25px;width:80%}.main-hero .main-hero-container .left-home .content .info .name-span{color:var(--background-yellow);font-weight:600;opacity:.9;text-transform:uppercase}.main-hero .main-hero-container .left-home .content .skills{color:var(--background-yellow);display:flex;font-size:12px;justify-content:space-between;margin-top:100px;opacity:.7;width:90%}.main-hero .main-hero-container .left-home .content .skills p{width:45%}.main-hero .main-hero-container .left-home .content .skills p:first-child{margin-right:0}.main-hero .main-hero-container .right-home{align-items:center;background:none;display:flex;flex:0.5 1;justify-content:flex-end;margin:0;padding:0;position:relative}.main-hero .main-hero-container .right-home .img-border{border:1px solid var(--background-yellow);height:400px;width:400px}.main-hero .main-hero-container .right-home .img-container{align-items:flex-end;background:var(--background-yellow);display:flex;height:400px;justify-content:center;margin:0 auto;overflow:hidden;position:absolute;right:50px;top:35%;-webkit-transform:translateY(-35%);transform:translateY(-35%);width:400px}.main-hero .main-hero-container .right-home .img-container img{height:90%;object-fit:cover;object-position:center;-webkit-transform:translateY(3px);transform:translateY(3px);width:90%}@media only screen and (max-width:576px){.main-hero{width:80%}.main-hero .main-hero-container{align-items:center;flex-direction:column;height:110vh}.main-hero .main-hero-container .right-home{align-items:center;background:none;display:flex;flex:0.5 1;justify-content:center;margin:0;padding:0;position:relative;width:100%}.main-hero .main-hero-container .right-home .img-border{border:1px solid var(--background-yellow);bottom:-13%;height:200px;position:relative;width:270px}.main-hero .main-hero-container .right-home .img-container{align-items:flex-end;background:var(--background-yellow);display:flex;height:300px;justify-content:center;margin:0 auto;overflow:hidden;position:absolute;right:5%;top:35%;-webkit-transform:translateY(-35%);transform:translateY(-35%);width:300px}.main-hero .main-hero-container .right-home .img-container img{height:90%;object-fit:cover;object-position:center;-webkit-transform:translateY(3px);transform:translateY(3px);width:90%}}@media only screen and (min-width:576px) and (max-width:768px){.main-hero{width:80%}.main-hero .main-hero-container{align-items:flex-start;flex-direction:column}.main-hero .main-hero-container .right-home{left:7%;position:relative}}@media only screen and (min-width:768px) and (max-width:992px){.main-hero{width:80%}.main-hero .main-hero-container{align-items:flex-start;flex-direction:column}.main-hero .main-hero-container .right-home{left:7%;position:relative}}@media only screen and (min-width:992px) and (max-width:1200px){.main-hero{width:80%}.main-hero .main-hero-container{align-items:flex-start;flex-direction:column}.main-hero .main-hero-container .right-home{left:7%;position:relative}}.my-work{background:#000}.my-work .head{-webkit-text-stroke:.5px;-webkit-text-stroke-color:var(--background-yellow);font-size:28px;padding-top:190px;text-align:center}.my-work .text{color:var(--background-yellow);opacity:.6;padding:15px 40px 0;text-align:center}.my-work section{padding:100px;width:100%}.my-work section .projects{grid-gap:4rem;align-items:center;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-content:center}.my-work section .projects .project{color:#000;height:280px;overflow:hidden;position:relative;transition:all .3s ease-in-out}.my-work section .projects .project img{height:100%;object-fit:cover;transition:all .3s ease-in-out;-webkit-user-select:none;user-select:none;width:100%}.my-work section .projects .project .overlay{background:rgba(68,58,1,.459);content:"";height:100%;left:0;opacity:.4;pointer-events:none;position:absolute;top:0;transition:all .3s ease-in-out;width:100%}.my-work section .projects .project .title-overlay{background:gold;bottom:-100%;content:"";display:flex;flex-direction:column;left:0;padding:5px 10px;position:absolute;transition:all .3s ease-in-out;-webkit-user-select:all;user-select:all;width:100%}.my-work section .projects .project .title-overlay p{font-size:14px}.my-work section .projects .project .title-overlay h3{cursor:default}@media screen and (max-width:600px){.my-work section .projects .project .title-overlay .technologies{padding-top:5px}}.my-work section .projects .project .title-overlay .technologies{align-items:center;display:flex;justify-content:space-between;padding-bottom:10px;padding-top:10px;width:100%}.my-work section .projects .project .title-overlay .technologies .stack{flex:0.8 1}.my-work section .projects .project .title-overlay .technologies .stack span{background:rgba(0,0,0,.575);border-radius:5px;color:#fddc21;font-size:11px;margin-bottom:10px;margin-right:3px;padding:5px}@media screen and (max-width:500px){.my-work section .projects .project .title-overlay .technologies .stack span{font-size:10px;padding:3px}}.my-work section .projects .project .title-overlay .technologies a{align-items:center;color:#000;display:flex;flex:0.2 1;font-size:23px;justify-content:center;-webkit-user-select:none;user-select:none}.my-work section .projects .project .title-overlay .technologies a .git{float:left}.my-work section .projects .project .view{align-items:center;background:gold;border-radius:50%;color:#000;content:"";cursor:pointer;display:flex;height:100px;justify-content:center;left:50%;opacity:0;position:absolute;top:20%;-webkit-transform:translate(-50%,-20%) scale(.8);transform:translate(-50%,-20%) scale(.8);transition:all .3s ease-in-out;-webkit-user-select:none;user-select:none;width:100px}.my-work section .projects .project .view p{font-size:13px;font-weight:500;text-align:center}@media screen and (max-width:500px){.my-work section .projects .project .view{top:8%;-webkit-transform:translate(-50%,-8%) scale(.65);transform:translate(-50%,-8%) scale(.65)}}.my-work section .projects .project:hover img{-webkit-transform:scale(1.3);transform:scale(1.3)}.my-work section .projects .project:hover .view{opacity:1}.my-work section .projects .project:hover .overlay{background:none}.my-work section .projects .project:hover .title-overlay{bottom:0}.my-work footer{background:var(--background-yellow);height:100px;opacity:.8;width:100%}@media screen and (max-width:730px){.my-work section{padding:100px 80px}.my-work section .projects{grid-gap:2rem;align-items:center;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-content:center}}@media screen and (max-width:600px){.my-work section{padding:100px 60px}.my-work section .projects{grid-gap:2rem;align-items:center;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-content:center}}@media screen and (max-width:550px){.my-work section .projects{grid-gap:2rem;align-items:center;grid-template-columns:repeat(1,minmax(300px,.7fr));justify-content:center}}@media screen and (max-width:500px){.my-work section .projects{grid-gap:2rem;align-items:center;grid-template-columns:repeat(1,minmax(300px,1fr));justify-content:center}}@media screen and (max-width:520px){.my-work section{background:#000}.my-work footer{display:none}}@media screen and (max-width:400px){.my-work .text{font-size:14px}}.news{padding:0 100px 100px;width:100%}.news .date{align-items:flex-start;color:var(--text-color);display:flex;font-size:15px;margin-bottom:20px;opacity:.8;width:100%}.news .content{width:100%}.news .content h1{color:gold;color:var(--background-yellow);opacity:.8;padding-bottom:10px;text-transform:capitalize}.news .content .img{cursor:default;-webkit-user-select:none;user-select:none;width:100%}.news .content .img img{height:250px;object-fit:cover;width:100%}.news .content p{color:var(--text-color)}.news .content .read,.news .content .read a{align-items:center;display:flex}.news .content .read a{color:var(--background-yellow);opacity:.7}.news .content .read a .arrow{align-items:center;display:flex;justify-content:center;margin-left:10px;-webkit-transform:translateY(15%);transform:translateY(15%)}.news .content .read a .arrow .bar{background:var(--background-yellow);height:2px;-webkit-transform:translateX(25%);transform:translateX(25%);-webkit-transform-origin:left;transform-origin:left;transition:all .5s ease-in-out;width:40px}.news .content .read a:hover .arrow .bar{-webkit-transform:translateX(23%);transform:translateX(23%);width:50px}@media screen and (max-width:790px){.news{padding:0 50px}}@media screen and (max-width:500px){.news{padding:0 0 100px}.news .date{font-size:12px}.news .content h1{font-size:20px}.news .content .read a,.news .content p{font-size:14px}.news .content .read a .arrow{align-items:center;display:flex;justify-content:center;margin-left:5px;-webkit-transform:translateY(5%);transform:translateY(5%)}.news .content .read a .arrow .bar{background:var(--background-yellow);height:2px;-webkit-transform:translateX(25%);transform:translateX(25%);-webkit-transform-origin:left;transform-origin:left;transition:all .5s ease-in-out;width:40px}}.blog{background:#000}.blog .head{-webkit-text-stroke:.5px;-webkit-text-stroke-color:var(--background-yellow);font-size:28px;padding-top:190px;text-align:center}.blog section{padding:100px}@media screen and (max-width:790px){.blog section{padding:100px 50px}}.blog-page{background:#000}.blog-page .blog-container{padding:100px 250px}.blog-page .blog-container .time{align-items:center;border-bottom:.2px solid var(--text-color);color:var(--text-color);display:flex;font-size:14px;opacity:.8;padding-bottom:15px;padding-top:120px;width:100%}.blog-page .blog-container .time p:first-child{padding-right:150px}.blog-page .blog-container .content{color:var(--text-color)}.blog-page .blog-container .content h1{-webkit-text-stroke:.5px;-webkit-text-stroke-color:var(--background-yellow);color:transparent;padding:30px 0;text-transform:capitalize}.blog-page .blog-container .content img{height:400px;object-fit:cover;-webkit-user-select:none;user-select:none;width:100%}.blog-page .blog-container .content .content-text{padding-top:15px}.blog-page .blog-container .content .content-text p{color:var(--text-color)}.blog-page .blog-container .content .content-text a{color:#daa520}.blog-page .blog-container .content .content-text ul{list-style-type:disc;padding:30px 0 30px 20px}.blog-page .blog-container .content .content-text h2{color:var(--background-yellow);opacity:.8;padding-bottom:20px;padding-top:30px}.blog-page .blog-container .content .content-text b{color:#b4b3b3}.blog-page .blog-container .content .content-text img{border:.1px solid gold}.blog-page .blog-container .content .content-text .heading-paragraph h2{color:var(--background-yellow);opacity:.8;padding-bottom:20px}.blog-page .blog-container .content .content-text .heading-paragraph-list{padding-top:45px}.blog-page .blog-container .content .content-text .heading-paragraph-list h2{color:var(--background-yellow);opacity:.8;padding:0}.blog-page .blog-container .content .content-text .heading-paragraph-list ul{padding:10px 0 10px 20px}.blog-page .blog-container .controls{align-items:center;display:flex;justify-content:space-between;padding:30px 0;-webkit-user-select:none;user-select:none;width:100%}.blog-page .blog-container .controls .read a{color:var(--background-yellow)}.blog-page .blog-container .controls .read a .arrow{align-items:center;display:flex}.blog-page .blog-container .controls .read a .arrow .ctn{align-items:center;display:flex;justify-content:center;transition:all .3s ease-in-out}.blog-page .blog-container .controls .read a .arrow .ctn .bar{background:var(--background-yellow);height:2px;-webkit-transform:translateX(-20%);transform:translateX(-20%);transition:all .3s ease-in-out;width:40px}.blog-page .blog-container .controls .read a:hover .arrow .ctn{-webkit-transform:translateX(-3%);transform:translateX(-3%)}.blog-page .blog-container .controls .read a:hover .arrow .ctn .bar{width:50px}.blog-page .blog-container .controls .icon{color:var(--background-yellow);font-size:23px}.blog-page .blog-container .controls .read a .arrow-right{align-items:center;display:flex}.blog-page .blog-container .controls .read a .arrow-right .ctn{align-items:center;display:flex;justify-content:center;transition:all .3s ease-in-out}.blog-page .blog-container .controls .read a .arrow-right .ctn .bar{background:var(--background-yellow);height:2px;-webkit-transform:translateX(20%);transform:translateX(20%);transition:all .3s ease-in-out;width:40px}.blog-page .blog-container .controls .read a:hover .arrow-right .ctn{-webkit-transform:translateX(3%);transform:translateX(3%)}.blog-page .blog-container .controls .read a:hover .arrow-right .ctn .bar{width:50px}@media screen and (max-width:1070px){.blog-page{background:#000}.blog-page .blog-container{padding:100px 190px}}@media screen and (max-width:870px){.blog-page{background:#000}.blog-page .blog-container{padding:100px 150px}}@media screen and (max-width:600px){.blog-page{background:#000}.blog-page .blog-container{padding:100px}.blog-page .blog-container .time{font-size:12px}.blog-page .blog-container .time p:first-child{padding-right:80px}.blog-page .blog-container .content h1{font-size:24px}.blog-page .blog-container .content img{height:200px;object-fit:cover;width:100%}.blog-page .blog-container .content-text i,.blog-page .blog-container .content-text p{font-size:14px}.blog-page .blog-container .content-text h2{font-size:20px}.blog-page .blog-container .content-text ul li{font-size:14px}.blog-page .blog-container .controls .read a{font-size:12px}.blog-page .blog-container .controls .read a .arrow .ctn .bar{-webkit-transform:translateX(-30%);transform:translateX(-30%);width:20px}.blog-page .blog-container .controls .read a:hover .arrow .ctn .bar{width:30px}.blog-page .blog-container .controls .icon{color:var(--background-yellow);font-size:16px}.blog-page .blog-container .controls .read a .arrow-right .ctn .bar{-webkit-transform:translateX(30%);transform:translateX(30%);width:20px}.blog-page .blog-container .controls .read a:hover .arrow-right .ctn .bar{width:30px}}@media screen and (max-width:500px){.blog-page{background:#000}.blog-page .blog-container{padding:50px 50px 100px}.blog-page .blog-container .time{font-size:11px}.blog-page .blog-container .time p:first-child{padding-right:50px}.blog-page .blog-container .content h1{font-size:22px}.blog-page .blog-container .content .content-text i,.blog-page .blog-container .content .content-text p{font-size:12px}.blog-page .blog-container .content .content-text h2{font-size:18px}.blog-page .blog-container .content .content-text ul li{font-size:12px}.blog-page .blog-container .content .content-text .heading-paragraph-list{padding-top:25px}.blog-page .blog-container .content .content-text .heading-paragraph-list ul{background-color:red;padding:0 0 0 20px}.blog-page .blog-container .controls .read a{font-size:10px}.blog-page .blog-container .controls .read a .arrow .ctn .bar{-webkit-transform:translateX(-30%);transform:translateX(-30%);width:20px}.blog-page .blog-container .controls .read a .arrow .ctn .ict{transition:all .3s ease-in-out}.blog-page .blog-container .controls .read a:hover .arrow .ctn .bar{width:30px}.blog-page .blog-container .controls .read a:hover .arrow .ctn .ict{-webkit-transform:translateX(-30%);transform:translateX(-30%)}.blog-page .blog-container .controls .icon{color:var(--background-yellow);font-size:14px}.blog-page .blog-container .controls .read a .arrow-right .ctn .bar{-webkit-transform:translateX(30%);transform:translateX(30%);width:20px}.blog-page .blog-container .controls .read a .arrow-right .ctn .ict{transition:all .3s ease-in-out}.blog-page .blog-container .controls .read a:hover .arrow-right .ctn .bar{width:30px}.blog-page .blog-container .controls .read a:hover .arrow-right .ctn .ict{-webkit-transform:translateX(30%);transform:translateX(30%)}}
/*# sourceMappingURL=main.a9bc2ce7.css.map*/