@import url(https://fonts.googleapis.com/css2?family=Bangers&family=Coda:wght@400;800&family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&family=Kaushan+Script&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);*{box-sizing:border-box;font-family:K2D,sans-serif;margin:0;padding:0;scroll-behavior:smooth;scroll-padding-top:3.5rem;text-decoration:none}header{align-items:center;background-color:#00171f;box-shadow:0 5px 30px rgba(0,0,0,.2);display:flex;font-weight:600;height:8vh;justify-content:center;position:fixed;right:0;text-transform:capitalize;top:0;width:100%;z-index:100}.nav-items{color:#fff;display:flex;font-size:1.3rem;justify-content:space-evenly;list-style:none;width:60%}header li a{color:#fff;transition:.5s}header li a:hover{color:#fff;text-shadow:0 0 10px #04bede,0 0 20px #42d3ec,0 0 25px #63d6eb,0 0 30px #8addeb,0 0 35px #fff}header .logo{background-image:url(/static/media/logo.05e894f2f753947bc678.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:7vh;width:15%;z-index:1000}.home_container{background:#003459;display:flex;justify-content:center;padding-bottom:10%;padding-top:13%;width:100%}.home_container .content{color:#fff;font-size:25px;font-weight:100;margin:0 auto;width:100%;z-index:5}.content .static-text .name{font-size:180%;font-weight:400;margin-bottom:2%;text-align:center}.home_container .content .static-text{display:inline-block;width:100%}.typing p{color:#04bede;font-size:150%;font-weight:400;letter-spacing:-1px;text-align:center}.dynamic-text{line-height:90px;margin-left:25px;margin-top:-3%;overflow:hidden}.dynamic-text li{-webkit-animation:slide 6s steps(4) infinite;animation:slide 6s steps(4) infinite;color:#90e0ef;font-size:60px;font-weight:500;list-style:none;position:relative;top:0}@-webkit-keyframes slide{to{top:-360px}}@keyframes slide{to{top:-360px}}.dynamic-text li span{position:relative}.dynamic-text li span:after{-webkit-animation:typing 1.5s steps(10) infinite;animation:typing 1.5s steps(10) infinite;background:#023047;border-left:3px solid #fff;content:"";height:105%;left:0;position:absolute;width:100%}@-webkit-keyframes typing{to{left:100%;margin:0 -35px 0 35px}}@keyframes typing{to{left:100%;margin:0 -35px 0 35px}}.about_container{background:#007ea7;justify-content:center;overflow:hidden;padding-bottom:5%;width:100%}.about_box,.about_container{display:flex;position:relative}.about_box{flex-direction:row-reverse;height:70%;justify-content:space-between;margin-top:5%;width:70%}.about_img{background-color:#003459;display:flex;height:100%;width:33%}.graphic-container{position:relative;width:20%}.graphic_pic{background-size:contain;height:140%;left:-50%;mix-blend-mode:hard-light;opacity:1;position:absolute;width:130%}.about_text{padding-left:3%;padding-top:9%;width:64%}.about_text .description{color:#bbdefb;font-size:25px;font-style:italic}.details{color:#fff;font-size:18px;line-height:25px;padding-top:2%}.Skills_container{background-color:#003459;background-position:50%;background-repeat:no-repeat;background-size:contain;padding:5% 0;width:100%}.Skills_box,.Skills_container{justify-content:center;position:relative}.Skills_box{align-items:center;display:flex;height:100%;margin:0 auto;width:70%;z-index:2}.Skills_text{height:40%;margin-left:5%;margin-top:2%;padding:1.3%;width:32%}.icons{background-color:hsla(0,0%,100%,.16);color:#b8f4ff;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;padding:4% 0;width:50%}.skills_bg{height:100%;overflow:hidden;position:absolute;width:100%;z-index:1}.bg_items{align-items:center;background-color:transparent;display:flex;height:100px;justify-content:center;position:absolute;width:100px}.bg_items h1{color:#fff;font-size:5rem}.bg_items:first-child{top:8%}.bg_items:first-child,.bg_items:nth-child(2){-webkit-animation:waving 7s linear infinite;animation:waving 7s linear infinite;left:42%}.bg_items:nth-child(2){top:54%}.bg_items:nth-child(3){-webkit-animation:waving 9s linear infinite;animation:waving 9s linear infinite;left:6%;top:17%}.bg_items:nth-child(4){-webkit-animation:waving 10s linear infinite;animation:waving 10s linear infinite;left:60%;top:10%}.bg_items:nth-child(5){-webkit-animation:waving 6s linear infinite;animation:waving 6s linear infinite;left:10%;top:67%}.bg_items:nth-child(6){-webkit-animation:waving 8s linear infinite;animation:waving 8s linear infinite;left:70%;top:80%}.bg_items:nth-child(7){-webkit-animation:waving 11s linear infinite;animation:waving 11s linear infinite;left:80%;top:60%}.bg_items:nth-child(8){left:30%;top:22%}.bg_items:nth-child(8),.bg_items:nth-child(9){-webkit-animation:waving 9s linear infinite;animation:waving 9s linear infinite}.bg_items:nth-child(9){left:25%;top:78%}.bg_items:nth-child(10){-webkit-animation:waving 5s linear infinite;animation:waving 5s linear infinite;left:80%;top:15%}.bg_items:nth-child(11){-webkit-animation:waving 7s linear infinite;animation:waving 7s linear infinite;left:90%;top:37%}@-webkit-keyframes waving{0%{-webkit-transform:scale(0) translate(0) rotate(0);transform:scale(0) translate(0) rotate(0)}to{opacity:0;-webkit-transform:scale(1.3) translate(-80px) rotate(1turn);transform:scale(1.3) translate(-80px) rotate(1turn)}}@keyframes waving{0%{-webkit-transform:scale(0) translate(0) rotate(0);transform:scale(0) translate(0) rotate(0)}to{opacity:0;-webkit-transform:scale(1.3) translate(-80px) rotate(1turn);transform:scale(1.3) translate(-80px) rotate(1turn)}}.Skills_text h1{color:#b8f4ff;font-family:K2D,sans-serif;font-size:2rem}.Skills_text .description{color:#b8f4ff;font-size:25px;font-style:italic;margin-top:4%}.Skills_text .details{color:#fff;font-size:19px;line-height:inherit}.icon_items h1{color:#bbdefb;padding:6%}.icon_items p{color:#fff;font-size:70%;font-size:1rem;padding-bottom:5%;text-align:center}.icon_items{align-items:center;background-color:hsla(0,0%,100%,.207);display:flex;flex-direction:column;height:26%;margin:10px;padding:2px;width:15%}.icon_items,.portfolio{justify-content:center;position:relative}.portfolio{background-color:#007ea7;background-position:50%;background-repeat:no-repeat;background-size:contain;padding-bottom:3%;width:100%}.portfolio .portfolio-text{margin:0 auto;padding-bottom:1%;padding-top:50px;text-align:center;width:90%}.portfolio .details{color:#fff;font-size:25.5px;font-style:italic}.portfolio .project-display{height:380px;margin:0 auto;width:100%}.project-display .mac-book{animation:laptops 10s infinite alternate-reverse;background-image:url(/static/media/Macbook.7584a23d82aa4fe11814.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:100%;margin:auto;width:100%}@-webkit-keyframes laptops{20%{background-image:url(/static/media/Macbook2.928573d77f59adf8674c.svg)}50%{background-image:url(/static/media/Macbook.7584a23d82aa4fe11814.svg)}75%{background-image:url(/static/media/Macbook2.928573d77f59adf8674c.svg)}to{background-image:url(/static/media/Macbook.7584a23d82aa4fe11814.svg)}}@keyframes laptops{20%{background-image:url(/static/media/Macbook2.928573d77f59adf8674c.svg)}50%{background-image:url(/static/media/Macbook.7584a23d82aa4fe11814.svg)}75%{background-image:url(/static/media/Macbook2.928573d77f59adf8674c.svg)}to{background-image:url(/static/media/Macbook.7584a23d82aa4fe11814.svg)}}.projects{margin:auto;padding-top:3%;width:70%}.projects-header .head{font-weight:700;text-align:center}.dis-flex{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;width:100%}.project-boxes{margin:20px;width:330px}.project-boxes .pro-name{color:#bbdefb;font-size:130%;font-weight:700}.project-boxes p{font-size:1.3rem}.projects .tools{display:flex}.projects .tools h2{margin:1%}.projects .links{display:flex;flex-wrap:wrap}.projects .links button{border:none;border-radius:3px;margin-right:3%;margin-top:2%;padding:4px 9px}.links button span{font-size:90%}.view{background-color:#003459;box-shadow:inset 0 0 0 #f9f9af;color:#fff;cursor:pointer;font-size:17px;position:relative;transition-duration:.4s;transition:.3s ease-in-out;width:120px}.view:hover{box-shadow:inset 120px 0 0 #00b4d8;color:#000}.github,.view span{color:#fff}.github{background-color:#00a8e8;box-shadow:inset 0 0 0 #6afff0;cursor:pointer;font-size:17px;transition-duration:.4s;transition:.3s ease-in-out}.github:hover{box-shadow:inset 200px 0 0 #00b4d8;color:#000}.github span{color:#fff}.contact-container{background-color:#003459;width:100%}.contact-boxes{display:flex;margin:0 auto;padding-left:3%;width:70%}.contact-text{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px;width:40%}.contact-text p{color:#fff;font-size:18px}.contact-text h1,.contact-text hr{color:#fff}.contactAtSocial{margin-top:5%;width:100%}.get-in-touch{padding-bottom:1%;width:100%}.externalLinks{font-size:1.7rem;justify-content:space-around;margin-top:5%;padding:10px 10px 10px 0;width:50%}.externalLinks ul{display:flex;justify-content:space-between}.externalLinks ul li{background-color:#fff;border-radius:4px;height:60px;list-style:none;width:60px}.externalLinks ul li a{box-shadow:0 25px 25px rgba(0,0,0,.1);-webkit-perspective:500px;perspective:500px;text-align:center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.externalLinks ul li a h2{padding-top:7px}.externalLinks ul li a:hover .linkedin{background:#023e8a}.externalLinks ul li a:hover .instagram{background:#e51b1b}.externalLinks ul li a:hover .githube{background:#1d1c1c}.externalLinks ul li a:hover .facebook{background:#1a6ad3}.externalLinks ul li a h2{pointer-events:none;transition:.25s}.externalLinks ul li a:hover h2{border-radius:4px;color:#fff}.form{display:inline-block;margin:auto;padding:2% 0 3%;width:40%}.form input{background-color:#b8f4ff;border:none;font-size:20px;margin-top:3%;outline:none;padding:2% 1% 2% 3%;transition:50ms;width:100%}.form input:hover{background-color:#e9fafd;border:0 solid #fff;-webkit-transform:scale3d(1);transform:scale3d(1)}.form textarea{background-color:#b8f4ff;border:none;font-size:20px;height:22vh;margin-top:3%;outline:none;padding-left:20px;padding-top:7px;width:100%}.form textarea:hover{background-color:#e9fafd;border:0 solid #008b8b;-webkit-transform:scale3d(1);transform:scale3d(1)}.submit-btn{background-color:#15c9ed;border:none;border-radius:3px;box-shadow:inset 0 0 0 #6afff0;color:#fff;cursor:pointer;font-size:17px;margin-top:1%;padding:5px;transition-duration:.4s;transition:.3s ease-in-out;width:130px}.submit-btn:hover{box-shadow:inset 200px 0 0 #00b4d8;color:#000}footer{align-items:center;background-color:#8fbfdbaa;border-top:2px solid hsla(0,0%,100%,.5);box-shadow:0 13px 25px rgba(0,0,0,.2);display:flex;justify-content:space-between;margin:0 auto;padding:1% 0;width:100%}footer p{font-size:17px;margin:auto;padding-left:5%}footer span{color:#000;font-size:17px;font-weight:700}.nav-toggle{display:none}@media (max-width:700px){header>.nav-items{background:hsla(0,0%,100%,.896);border-bottom-left-radius:10px;border-bottom-right-radius:10px;display:flex;flex-direction:column;height:150px;margin:auto;padding:10px;position:absolute;top:67px;-webkit-transform:translateX(-150%);transform:translateX(-150%);transition:all .45s;width:70%}.nav-items li a{color:#023047}li{margin:0 auto}header>.nav-items>a:before{background:transparent}header>.nav-items.open{-webkit-transform:translateX(0);transform:translateX(0)}header>.nav-toggle{align-items:center;cursor:pointer;display:flex;height:50px;justify-content:center;width:50px}.nav-toggle>.bar{background:#fff;height:2px;position:relative;transition:all .45s ease-in-out;width:32px}.nav-toggle>.bar:after,.nav-toggle>.bar:before{background:#fff;border-radius:2px;content:"";height:2px;position:absolute;transition:all .45s ease-in-out}.nav-toggle>.bar:before{right:0;-webkit-transform:translateY(-8px);transform:translateY(-8px);width:32px}.nav-toggle>.bar:after{-webkit-transform:translateY(8px);transform:translateY(8px);width:32px}.nav-toggle.open>.bar{background:transparent;-webkit-transform:translateX(-40px);transform:translateX(-40px)}.nav-toggle.open>.bar:before{-webkit-transform:rotate(45deg) translate(26px,-26px);transform:rotate(45deg) translate(26px,-26px);width:32px}.nav-toggle.open>.bar:after{-webkit-transform:rotate(-45deg) translate(26px,26px);transform:rotate(-45deg) translate(26px,26px)}.graphic-container{display:none}.about_box{display:flex;flex-wrap:wrap;justify-self:end;margin:0;width:100%}.about_container{padding:30px}.about_img{height:27%;margin:0 auto 20px;position:relative;width:40%}.about_text{margin:0;padding:0;width:100%}.icons{display:none}.Skills_text{padding:0;width:100%}.Skills_text .description{font-size:1.3rem}.Skills_box{padding:5px}.Skills_container{overflow:hidden;padding-bottom:30%;padding-top:20%}.portfolio-text .details{font-size:1.3rem}.project-display .mac-book{height:300px;margin:auto;width:400px}.dis-flex{flex-wrap:wrap;width:100%}.project-boxes{margin-bottom:5%;width:100%}.head{font-size:1.7rem}.contact-boxes{flex-wrap:wrap;width:100%}.contactAtSocial,.get-in-touch{padding-left:10px;width:50%}.contactAtSocial{margin:0}.contact-text{display:flex;margin:0 auto;padding:3% 1% 0 2%;width:100%}.contact-text hr{display:none}.form{margin:0 auto}.externalLinks,.form{width:100%}.facebook,.githube,.instagram,.linkedin{font-size:20px;height:30px;width:30px}.externalLinks ul li{height:35px;width:30px}.static-text{padding-left:3%;padding-right:3%;padding-top:9%}.form{padding:1% 2% 4%}footer p{font-size:17px;margin:auto}}@media (max-width:1200px){.externalLinks{width:85%}}
/*# sourceMappingURL=main.8dd98911.css.map*/