*{border:none;margin:0;padding:0}*,:after,:before{box-sizing:border-box}a,a:hover,a:link,a:visited{text-decoration:none}aside,footer,header,main,nav,section{display:block}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit}ul,ul li{list-style:none}img{vertical-align:top}img,svg{height:auto;max-width:100%}address{font-style:normal}button,input,select,textarea{background-color:#0000;color:inherit;font-family:inherit;font-size:inherit}input::-ms-clear{display:none}button,input[type=submit]{background-color:#0000;background:none;box-shadow:none;cursor:pointer;display:inline-block}button:active,button:focus,input:active,input:focus{outline:none}button::-moz-focus-inner{border:0;padding:0}label{cursor:pointer}legend{display:block}body{background-color:#212121;font-family:Poppins,sans-serif}.header{animation:slideDown 1s forwards;color:#fff;position:absolute;top:5px;width:100%;z-index:999}@keyframes slideDown{0%{transform:translateY(-150%)}to{transform:translateY(0)}}.nav{float:right;transition:.7s ease;width:40%}.nav .nav-items{align-items:center;cursor:pointer;display:flex;font-size:18px;font-weight:700;justify-content:space-between;list-style:none;padding-top:10px;text-transform:uppercase;width:80%}.nav .nav-items .nav-item:hover{color:#4c70ef;transform:scale(1.1)}@media(max-width:767px){.nav{float:none;transition:.7s ease;width:100%}.nav .nav-items{justify-content:space-between;padding:10px;width:100%}}.main{height:100vh;width:100%}video{height:100%;object-fit:cover;width:100%}@keyframes typing{0%{width:0}to{width:100%}}@keyframes typing2{0%{width:0}to{width:65%}}@keyframes slideUp{0%{transform:translateY(150%)}to{transform:translateY(0)}}.title{align-items:center;color:#fff;display:flex;height:100%;justify-content:space-between;padding-left:10%;padding-right:10%;position:absolute;top:0;width:100%}.title-content h1{animation:typing 1s steps(20) forwards;font-size:55px}.title-content h1,.title-content h2{border-right:5px solid #4c70ef;font-weight:600;overflow:hidden;white-space:nowrap;width:0}.title-content h2{animation:typing2 1s steps(18) forwards;animation-delay:1s;font-size:45px;text-align:left}.social{animation:slideUp 1s forwards;display:flex;justify-content:center;width:100%}.social a{padding-left:20px;text-decoration:none}.photo img{border-radius:230px 100px 240px;filter:contrast(100%) brightness(70%)}@media(max-width:767px){.main{height:100vh;width:100%}@keyframes typing2{0%{width:0}to{width:80%}}.title{align-items:center;color:#fff;display:flex;flex-direction:column;gap:50px;height:600px;justify-content:space-between;padding-left:10%;padding-right:10%;position:absolute;top:100px;width:100%}.title-content{order:2}.title-content h1,.title-content h2{font-size:24px}.social{animation:slideUp 1s forwards;display:flex;justify-content:center;width:100%}.social a{padding-left:20px;text-decoration:none}.photo{order:1}.photo img{border-radius:230px 100px 240px;filter:contrast(100%) brightness(70%)}}.about{height:450px;margin-top:50px;opacity:0;transform:translateY(50px);transition:opacity 1s ease,transform 1s ease;width:100%}.about.active{opacity:1;transform:translateY(0)}.about-content{display:flex;height:-webkit-max-content;height:max-content;justify-content:space-between;padding:0 10%;width:100%}.about-photo{height:100%;width:50%}.about-photo img{border:2px solid #fff;border-radius:24px 0;box-shadow:0 4px 4px 0 #00000040,0 4px 4px 0 #00000040;height:380px;width:525px}.about-desc{display:flex;flex-direction:column;justify-content:space-around;width:50%}.about-desc h3{color:#4c70ef;font-size:24px;font-weight:600;letter-spacing:.1em}.about-desc h4{color:#fff;font-size:36px;font-weight:600}.about-desc p{color:#b0adad;font-size:18px;font-weight:400}@media(max-width:767px){.about-content{display:flex;flex-direction:column}.about-photo{height:100%;width:100%}.about-desc{display:flex;flex-direction:column;justify-content:space-between;padding-top:-50px;width:100%}.about-desc h3{color:#4c70ef;font-size:24px;font-weight:600;letter-spacing:.1em}.about-desc h4{color:#fff;font-size:28px;font-weight:600}.about-desc p{font-size:14px;font-weight:400}}.skills{height:500px;opacity:0;transform:translateY(150px);transition:opacity 1s ease,transform 1s ease;width:100%}.skills.active{opacity:1;transform:translateY(0)}.skills-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center}.skills-text{text-align:center}.skills-text h3{color:#4c70ef;font-size:24px;font-weight:600;letter-spacing:.1em}.skills-text h2{color:#fff;font-size:36px;font-weight:600}.skills-tech{background-color:#292c36;border-radius:10px;display:flex;flex-direction:column;padding:30px;width:35%}.skills-tech .tech-title{align-items:center;display:flex;justify-content:space-between;padding:10px}.skills-tech .tech-title h4{color:#fff;font-size:24px;font-weight:600}@media(max-width:767px){.skills{height:450px;margin-top:280px;opacity:0;transform:translateY(150px);transition:opacity 1s ease,transform 1s ease;width:100%}.skills.active{opacity:1;transform:translateY(0)}.skills-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;width:100%}.skills-text{text-align:center}.skills-text h3{color:#4c70ef;font-size:24px;font-weight:600;letter-spacing:.1em}.skills-text h2{color:#fff;font-size:36px;font-weight:600}.skills-tech{background-color:#292c36;border-radius:10px;display:flex;flex-direction:column;padding:30px;width:90%}.skills-tech .tech-title{align-items:center;display:flex;justify-content:space-between;padding:0}.skills-tech .tech-title h4{color:#fff;font-size:20px;font-weight:600}}.fullscreen-modal-overlay{align-items:center;animation:fadeIn .3s ease forwards;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:-250px;width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fullscreen-modal{position:absolute}.fullscreen-modal img{border:3px solid #558fff;border-radius:10px;height:500px;width:100%}.close-button{background-color:#fff;border:none;cursor:pointer;padding:5px 10px;position:absolute;right:10px;top:10px}.projects{height:500px;opacity:0;transform:translateY(50px);transition:opacity 1s ease,transform 1s ease;width:100%}.projects.active{opacity:1;transform:translateY(0)}.projects-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.project-title{padding-bottom:20px;text-align:center}.project-title h3{color:#4c70ef;font-size:24px;font-weight:600;letter-spacing:.1em}.project-title h2{color:#fff;font-size:36px;font-weight:600;letter-spacing:.1em}.projects-container{align-items:center;display:flex;gap:20px;justify-content:center;width:100%}.projects-item{background:#292c36;border-radius:20px;display:flex;flex-direction:column;gap:20px;height:400px;overflow:hidden;padding:20px;width:380px}.projects-item img{cursor:pointer;height:220px;width:340px}.projects-item span{color:#fff;font-size:20px;font-weight:600}.btn{display:flex;justify-content:space-between}.btn span{font-size:20px}.btn button,.btn span{color:#fff;font-weight:600}.btn button{background:#558fff;border-radius:6px;font-size:14px;height:41px;padding:10px 18px;width:128px}.btn button:hover{background:#fff;color:#558fff}@media(max-width:767px){.projects{height:500px;opacity:0;transform:translateY(50px);transition:opacity 1s ease,transform 1s ease;width:100%}.projects.active{opacity:1;transform:translateY(0)}.projects-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.project-title{padding-bottom:20px;text-align:center}.project-title h3{color:#4c70ef;font-size:24px;font-weight:600;letter-spacing:.1em}.project-title h2{color:#fff;font-size:36px;font-weight:600;letter-spacing:.1em}.projects-container{align-items:center;justify-content:center;width:100%}.projects-container,.projects-item{display:flex;flex-direction:column;gap:20px}.projects-item{background:#292c36;border-radius:20px;height:400px;overflow:hidden;padding:20px;width:380px}.projects-item img{height:220px;width:340px}.projects-item span{color:#fff;font-size:20px;font-weight:600}.btn{display:flex;justify-content:space-between}.btn span{font-size:20px}.btn button,.btn span{color:#fff;font-weight:600}.btn button{background:#558fff;border-radius:6px;font-size:14px;height:41px;padding:10px 18px;width:128px}.btn button:hover{background:#fff;color:#558fff}}.footer{background-color:#558fff;height:30px;margin-top:100px;text-align:center}.footer h3{font-size:20px}.preloader{align-items:center;display:flex;height:100vh;justify-content:center}.container-preloader{height:200px;width:200px}.loader-svg path{stroke:#3498db;stroke-width:1;stroke-linecap:round;stroke-dasharray:150;stroke-dashoffset:150;animation:draw 4s ease forwards}@keyframes draw{to{stroke-dashoffset:0}}
/*# sourceMappingURL=main.c87861d4.css.map*/