.home-container{display:flex;height:100vh;width:100%}.home-img{background-position:50%;background-size:cover;height:100%;opacity:0;transition:all .5s ease;transition-delay:.5s;width:50%}.img-active{opacity:1}.home-text{margin-top:100px;opacity:0;position:relative;-webkit-transform:translateX(-500px);transform:translateX(-500px);transition:opacity .5s ease,-webkit-transform 1s ease;transition:transform 1s ease,opacity .5s ease;transition:transform 1s ease,opacity .5s ease,-webkit-transform 1s ease;width:100%}.home-active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.home-text-wrapper{align-items:center;display:flex;display:block;flex-direction:column;justify-content:center;padding:100px;width:50%}.home-text p{font-size:20px;line-height:2em;margin:20px 0}.home-text button{cursor:pointer}.static-text{font-size:64px}#home-text-move{color:#14cf93;font-size:58px}#hireme{color:#fff;text-decoration:none}@-webkit-keyframes slide{to{top:-200px}}@keyframes slide{to{top:-200px}}@-webkit-keyframes typing{0%{left:0}50%{left:100%;margin:0 -35px 0 35px}to{left:0}}@keyframes typing{0%{left:0}50%{left:100%;margin:0 -35px 0 35px}to{left:0}}@media (max-width:1200px){.home-text-wrapper{padding:40px;width:60%}}@media (max-width:900px){.home-container{flex-direction:column-reverse;height:100%}.home-text-wrapper{margin:0;width:100%}.home-text{margin-top:0}.home-img{background-position:top;height:500px;width:100%}}@media (max-width:600px){#home-text-move{font-size:40px}.static-text{font-size:50px}}nav{background-color:initial;display:flex;height:70px;justify-content:space-between;padding:5px 50px;position:-webkit-sticky;position:sticky;top:0;-webkit-transform:translateY(-100px);transform:translateY(-100px);transition:all .3s ease;width:100%}.nav-move-active{-webkit-transform:translateY(0);transform:translateY(0)}.nav-active{background-color:#fff;box-shadow:6px 0 16px rgba(0,0,0,.1);z-index:100}.nav-active a{color:#000}.nav-name{align-items:center;display:flex;width:30%}.nav-name a{cursor:pointer}.nav-links{align-items:center;color:#fff;display:flex;float:right;font-size:18px;font-weight:600;justify-content:flex-end;list-style-type:none;width:70%}.nav-links a{cursor:pointer;margin-right:10px}@media (max-width:900px){.nav-name{color:#fff}}@media (max-width:600px){.nav-name{color:#fff;font-size:14px;width:40%}.nav-links{width:50%}nav{padding:5px 10px}}*{box-sizing:border-box;font-family:Nunito,sans-serif;margin:0;padding:0}.preloader{background-color:#000;bottom:0;height:100vh;justify-content:center;left:0;position:fixed;right:0;width:100vw;z-index:55}.preloader,.preloader .text-container{align-items:center;color:#fff;display:flex;overflow:hidden}.preloader .text-container{font-size:20px;font-weight:800;height:60px;justify-content:space-between;position:relative;width:280px}.preloader-text{-webkit-transform:translateY(0);transform:translateY(0);transition:all 1s ease}.active1,.active2,.active3{-webkit-transform:translateY(100px);transform:translateY(100px)}.active1{transition-delay:.2s}.active2{transition-delay:.4s}.active3{transition-delay:.6s}.about-main{background-color:#f8f9fa;width:100%}.text-cont{display:flex;justify-content:center;margin-top:100px}.about-text{padding:0 30px;width:70%}.about-text p{color:#636161;font-size:20px;line-height:1.4em;margin-top:25px}.about-skill-list{width:40%}.about-skill-list ul{display:flex;flex-direction:column;flex-wrap:wrap;height:100px;list-style-type:none;width:400px}.about-skill-list li{padding-top:10px}.about-skill-list img{width:15px}.letter span,.text-important{color:#14cf93}.letter span{font-size:54px;font-weight:700}.letter span,.space{display:inline-block}.space{width:10px}.letter span:hover{-webkit-animation:bounce 1s linear;animation:bounce 1s linear}@-webkit-keyframes bounce{20%,50%,80%,to{-webkit-transform:scale(1);transform:scale(1)}40%{-webkit-transform:scale(1.75,.65);transform:scale(1.75,.65)}45%{-webkit-transform:scale(1.75,.65);transform:scale(1.75,.65)}70%{-webkit-transform:scale(1.25,.75);transform:scale(1.25,.75)}90%{-webkit-transform:scale(1.15,.85);transform:scale(1.15,.85)}}@keyframes bounce{20%,50%,80%,to{-webkit-transform:scale(1);transform:scale(1)}40%{-webkit-transform:scale(1.75,.65);transform:scale(1.75,.65)}45%{-webkit-transform:scale(1.75,.65);transform:scale(1.75,.65)}70%{-webkit-transform:scale(1.25,.75);transform:scale(1.25,.75)}90%{-webkit-transform:scale(1.15,.85);transform:scale(1.15,.85)}}.side-icons{align-items:center;display:flex;flex-direction:column;height:90vh;justify-content:center;width:15%;z-index:1}.side-icons img{margin-block:25px;width:35px}.side-icons img:hover{margin-block:24px;width:37px}.side-icons p{color:#14cf93;margin-block:25px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.side-email{align-items:center;flex-direction:column;font-size:18px;height:90vh;width:15%;z-index:1}.side-email,.side-email a{display:flex;justify-content:center}.side-email a{color:#14cf93;text-decoration:none;-webkit-transform:rotate(90deg);transform:rotate(90deg);width:400px}.side-email p{letter-spacing:1.5px}.side-email p:hover{opacity:.7}.certificates{margin:60px auto auto;padding:0 30px;width:70%}.c-card-cont{display:flex;margin:75px 0 30px;width:100%}.c-info-cont{position:relative;width:100%}.c-number{color:rgba(0,0,0,.1);font-size:94px;position:absolute;top:-30px;transition:all .4s ease-in-out;z-index:-1}.c-info-cont:hover .c-number{color:rgba(0,0,0,.65);top:-90px;z-index:1}.c-btn{background-color:initial;border:none;color:#14cf93;cursor:pointer;font-size:16px;font-weight:700;outline:none;padding:30px 20px 10px 0}.c-btn:hover{opacity:.5}.c-one{border-radius:8px;margin:10px 0;padding:20px;width:100%}.c-frontend-list img{width:15px}.c-frontend-list ul li{list-style-type:none;padding-top:5px}.c-frontend-list{margin-top:10px}.c-title{color:grey}.c-img-cont{width:50%}.c-img-cont img{width:90%}@media (max-width:800px){body{overflow-x:hidden}.side-email,.side-icons{display:none}.about-skill-list ul{height:120px;width:100%}.about-text{width:100%}.certificates{width:90%}.c-one{width:20em}.c-photo img{width:100%}}.main-cont{width:100%}.projectsContainer{display:flex;height:75vh;justify-content:space-evenly;width:100%}.letter-cover{display:flex;justify-content:center;margin:100px 0 50px;width:100%}.projectPhoto{align-items:center;display:flex;flex-direction:row;gap:10px;gap:15px;height:100%;margin-right:15px;width:100%}.projectText{display:flex;flex-direction:column;height:100%;justify-content:center;margin:30px;width:25%}.projectText h1{color:var(--dark);font-size:55px}.projectText p{line-height:1.5em}.projectText button{background-color:initial;border:none;cursor:pointer;font-size:20px;font-weight:700;letter-spacing:2px;outline:none;text-align:left;width:150px}.projectText button a{color:var(--light);text-decoration:none}.smallImageCont{border:4px solid #000;border-radius:20px;display:flex;flex-direction:column;height:85%;width:330px}.smallImg{align-items:flex-start;border-radius:0 0 10px 10px;display:flex;height:94;width:100%}.smallImg img{top:0}.smallImgUp{border-radius:20px 20px 0 0;display:flex;height:6%;justify-content:space-between;width:100%}.clock{width:25%}.blackSpace{background-color:#000;border-radius:0 0 20px 20px;height:40%;width:50%}.clock p{color:#000;font-size:12px;padding:5px 5px 0}.signal{display:flex;justify-content:space-evenly;padding:5px 0;width:25%}.signal img{color:#000;height:10px;width:10px}.signal p{font-size:10px}.project-description{margin-bottom:20px}@media (max-width:1200px){.projectsContainer{display:flex;flex-direction:column;height:100%}.projectText{margin:20px 0;padding:0 20px;width:100%}.projectPhoto{height:75vh;padding:0 20px;width:100%}}@media (max-width:900px){.projectPhoto{display:flex;flex-direction:column;height:100%;padding:0 20px;width:100%}.smallImageCont{margin-top:30px;margin-inline:auto;max-width:90%;width:380px}.home{display:flex;flex-direction:column-reverse}.homeText{margin-top:10px;width:100%}.homeImg{margin:5px;width:100%}.dynamicText{height:100px;line-height:95px;overflow:hidden;width:100%}.dynamicText li{-webkit-animation:slide 12s steps(2) infinite;animation:slide 12s steps(2) infinite;color:var(--secoundary);font-size:44px;list-style-type:none;position:relative;top:0}}@media (max-width:900px){@-webkit-keyframes typing{0%{left:0}50%{left:90%;margin:0 -35px 0 35px}to{left:0}}@keyframes typing{0%{left:0}50%{left:90%;margin:0 -35px 0 35px}to{left:0}}.clock p{font-size:8px}.signal p{font-size:5px}.signal img{height:5px;width:5px}}.explore{transition:color .3s ease}.explore:hover{color:var(--secoundary)}.big-screen{height:100%;width:100%}@media (max-width:600px){.projectText h1{font-size:45px}}
/*# sourceMappingURL=main.8f6414f0.css.map*/