@import url(https://fonts.googleapis.com/css2?family=Montserrat&display=swap);*{box-sizing:border-box;font-family:Montserrat,sans-serif;margin:0;padding:0}body{background-color:#2b2929}.navbarDiv{background-color:rgba(0,0,0,.9);height:90px;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:1}.navbar{align-items:center;display:flex;height:100%;justify-content:space-between;margin:auto;padding:0 1rem}.navLogo{color:#fff;margin-left:1rem}.navLinks,.navLogo{display:flex;width:100%}.navLinks{align-items:right;justify-content:center}.link{color:#a0a0a0;cursor:pointer;font-size:18px;margin:15px;position:relative;text-decoration:none}.link:after{background-color:aqua;bottom:-8px;content:"";height:2px;left:0;position:absolute;transition:.3s;width:0}.link:hover{color:#fff}.link:hover:after{width:100%}.navToggle{display:none}@media screen and (max-width:1050px){.navbar,.navbarDiv{max-width:100%}.navToggle{display:block}.navLinks{background-color:rgba(0,0,0,.9);flex-direction:column;height:100vh;position:fixed;text-align:center;top:-100%;transition:.3s;width:100%;z-index:999}.navLinks.active{left:0;top:80px}.link{margin:1.5rem 0}}.home{align-items:center;background:#2b2929;display:flex;flex-direction:column;height:100vh;justify-content:center;margin-bottom:3px;width:100%}.home h1{font-size:90px;font-weight:100}.home h1,.home h3{color:#fff;text-align:center}.home h3{font-size:30px;font-weight:200}.home button{border:none;border-radius:40px;display:block;margin-top:40px;overflow:hidden;padding:19px 36px;position:relative;text-decoration:none;text-transform:uppercase}.home button span{color:#fff;font-weight:600;letter-spacing:4px;position:relative;z-index:1}.home button .liquid{background:#21bbff;box-shadow:inset 0 0 50px rgba(0,0,0,.5);height:200px;left:0;position:absolute;top:-80px;transition:.5s;width:100%}.home button .liquid:after,.home button .liquid:before{background:#2b2929;content:"";height:200%;left:50%;position:absolute;top:0;-webkit-transform:translate(-50%,-75%);transform:translate(-50%,-75%);width:200%}.home button .liquid:before{-webkit-animation:animate 15s linear infinite;animation:animate 15s linear infinite;background:#141414;border-radius:45%}.home button .liquid:after{-webkit-animation:animate 20s linear infinite;animation:animate 20s linear infinite;background:hsla(0,0%,8%,.5);border-radius:40%}button:hover{cursor:pointer}button:hover .liquid{top:-145px}@-webkit-keyframes animate{0%{-webkit-transform:translate(-50%,-75%) rotate(0deg);transform:translate(-50%,-75%) rotate(0deg)}to{-webkit-transform:translate(-50%,-75%) rotate(1turn);transform:translate(-50%,-75%) rotate(1turn)}}@keyframes animate{0%{-webkit-transform:translate(-50%,-75%) rotate(0deg);transform:translate(-50%,-75%) rotate(0deg)}to{-webkit-transform:translate(-50%,-75%) rotate(1turn);transform:translate(-50%,-75%) rotate(1turn)}}@media screen and (max-width:400px){.home h1{font-size:38px}.home h3{font-size:19px}.home button{padding:16px 15px}}.about{background:#2b2929;flex-direction:row;min-height:100vh;padding-top:9em;width:100%}.about,.image{align-items:center;display:flex;justify-content:center}.image{height:90%;width:40%}.image img{border-radius:50%;height:80%;width:80%}.content{display:flex;flex-direction:column;height:30%;justify-content:left;padding-right:10%;width:60%}.content .title{color:#fff;font-size:60px;font-weight:100;letter-spacing:3px;margin:10px 10px 10px 33px}.content p{color:#fff;font-size:23px;margin-left:33px}.content span{color:#0ff;cursor:pointer;display:inline-block;font-size:25px;text-shadow:2px 2px #ff69b4}.content .span0:hover,.content .span1:hover,.content .span2:hover,.content .span3:hover,.content .span4:hover,.content .span5:hover,.content .span6:hover,.content .span7:hover{color:#ff69b4;text-shadow:2px 2px #0ff}.content .aboutLinks{display:inline-flex;justify-content:left;margin-top:40px}.aboutLinks a{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 20px 0 0;position:relative;text-decoration:none;width:150px}.aboutLinks .icon{color:#fff;font-size:80px}.aboutLinks a:hover .tooltip{bottom:-60px;opacity:1;pointer-events:auto;transition:all .5s cubic-bezier(.68,-.55,.265,1.55)}.aboutLinks .tooltip{border-radius:25px;bottom:0;box-shadow:0 10px 10px rgba(0,0,0,.1);font-size:15px;opacity:0;padding:10px}.aboutLinks .tooltip,.aboutLinks .tooltip:before{background:#fff;pointer-events:none;position:absolute}.aboutLinks .tooltip:before{content:"";height:15px;left:50%;top:-8px;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg);transition:all .5s cubic-bezier(.68,-.55,.265,1.55);width:15px}.aboutLinks a:hover .icon,.aboutLinks a:hover .tooltip{text-shadow:0 -1px 0 rgba(0,0,0,.4)}.aboutLinks a:hover .icon{color:#21ebff;-webkit-filter:drop-shadow(0 0 5px #21ebff);filter:drop-shadow(0 0 5px #21ebff)}.aboutLinks a:hover .tooltip,.aboutLinks a:hover .tooltip:before{background:#21ebff;box-shadow:0 0 20px #21ebff;color:#fff;letter-spacing:.75px}@media screen and (max-width:1400px){.image{width:50%}.image img{height:70%;width:70%}}@media screen and (max-width:1200px){.image{display:none}.content{width:100%}}@media screen and (max-width:600px){.about{padding-top:10em}.content .title{font-size:55px;margin-left:15px}.content p{font-size:23px;margin-left:15px}.content .aboutLinks{display:inline-flex;justify-content:left;margin-top:40px}.aboutLinks a{width:100px}.aboutLinks .icon{font-size:80px}}@media screen and (max-width:360px){.content .title{font-size:40px;margin-left:10px}.content p{font-size:18px;margin-left:10px}.content .aboutLinks{display:inline-flex;justify-content:left;margin-top:40px}.aboutLinks a{width:80px}.aboutLinks .icon{font-size:50px}}.projects{align-items:center;background:#2b2929;display:flex;flex-direction:column;min-height:100vh;padding-top:80px;width:100%}.projects h1{color:#fff;font-size:5rem;font-weight:100;letter-spacing:2px;margin-bottom:1rem;margin-top:0}.projectsList{display:grid;grid-template-columns:1fr 1fr 1fr;height:auto;place-items:center;width:100%}.project{height:500px;margin:15px;width:600px}.projectImage{height:80%;position:relative;width:100%}.projectImage img{display:block;object-fit:cover;object-position:center center}.projectImage .imageOverlay,.projectImage img{border-top-left-radius:15px;border-top-right-radius:15px;height:100%;width:100%}.projectImage .imageOverlay{align-items:center;background-color:rgba(0,0,0,.8);color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;opacity:0;padding:1rem;position:absolute;top:0;transition:opacity .25s}.projectImage .imageOverlay p{font-size:1.4em;text-align:center}.projectImage .imageOverlay:hover{opacity:1}.projectImage .imageOverlay>*{-webkit-transform:translateY(30px);transform:translateY(30px);transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s}.projectImage .imageOverlay:hover>*{-webkit-transform:translateY(0);transform:translateY(0)}.projectInfo{align-items:center;background-color:#222121;border-bottom-left-radius:15px;border-bottom-right-radius:15px;display:flex;height:19%;margin-top:1%;width:100%}.projectInfo p{color:#fff;float:right;font-size:1.2rem;letter-spacing:2px;margin:1rem}.projectLink{color:#21ebff;font-size:.95rem;letter-spacing:2px;margin:0 15px;overflow:hidden;padding:10px 30px;position:relative;text-decoration:none;text-transform:uppercase;transition:.5s}.projectLink:hover{background:#21ebff;box-shadow:0 0 20px #21ebff;color:#222121}.projectLink:before{border-left:2px solid #21ebff;border-top:2px solid #21ebff;content:"";height:10px;left:0;position:absolute;top:0;transition:.5s;width:10px}.projectLink:hover:before{height:100%;width:100%}.projectLink:after{border-bottom:2px solid #21ebff;border-right:2px solid #21ebff;bottom:0;content:"";height:10px;position:absolute;right:0;transition:.5s;width:10px}.projectLink:hover:after{height:100%;width:100%}@media screen and (max-width:1600px){.projects,.projectsList{height:auto;justify-content:center}.projectsList{display:flex;flex-wrap:wrap;width:100%}.project{height:500px;margin:20px;width:600px}}@media screen and (max-width:630px){.projects h1{font-size:3rem;margin-top:0}.projectInfo{flex-direction:column}.project{height:800px;margin-top:15px;width:400px}.projectLink{font-size:.75rem;margin:0 15px;padding:10px 25px}}@media screen and (max-width:420px){.projects h1{font-size:2rem;margin-top:10px}.project{height:700px;margin:5px;width:270px}.projectLink{font-size:.6rem;overflow:hidden;transition:.5s}}.contact{align-items:center;background:#2b2929;display:flex;height:80vh;padding-top:4rem;width:100%}.contact .form{display:flex;flex-direction:column;height:100%;justify-content:center;width:80%}.contact .form h1{color:#fff;font-size:50px;font-weight:100;margin-left:25px}form{display:flex;flex-direction:column;gap:30px;height:auto;padding:30px;width:auto}form button{background:#2b2929;border:none;width:300px}form .projectLink{margin:0}.inputBox{height:40px;position:relative;width:90%}.inputBox input{background:#2b2929;border:1px solid hsla(0,0%,100%,.25);border-radius:5px;color:#fff;font-size:1em;height:100%;padding:10px;width:100%}.inputBox span{color:hsla(0,0%,100%,.25);font-size:1em;left:0;padding:10px;pointer-events:none;position:absolute;text-transform:uppercase;transition:.5s}.inputBox input:focus~span,.inputBox input:valid~span{background:#2b2929;border-left:1px solid hsla(0,0%,100%,.25);border-right:1px solid hsla(0,0%,100%,.25);color:#00dfc4;font-size:.75em;padding:0 10px;-webkit-transform:translateX(10px) translateY(-7px);transform:translateX(10px) translateY(-7px)}@media screen and (max-width:620px){.contact .form h1{font-size:2.3rem}.inputBox{width:98%}form button{background:#2b2929;border:none;width:200px}}.footer{align-items:center;background-color:#121619;color:#fff;display:flex;flex-direction:column;height:200px;justify-content:center;padding-top:10px;width:100%}.links{margin-top:10px}.links a{color:#fff;font-size:50px;margin-left:10px}@media screen and (max-width:600px){.footer{font-size:13px}.links a{font-size:30px}}.technologies{align-items:center;background:#2b2929;display:flex;flex-direction:column;margin-top:170px;min-height:100vh;padding-top:4rem;width:100%}.technologies .text{align-items:center;height:20%;justify-content:center;width:100%}.technologies .text h2{color:#fff;font-size:50px;font-weight:100;text-align:center}.technologies .text p{color:#cecdcc;font-size:20px;margin-top:20px;text-align:center}.technologiesList{align-items:start;display:grid;grid-template-columns:1fr 1fr 1fr;height:auto;justify-items:center;text-align:center;width:100%}.technologiesList .technology{height:250px;margin:30px;width:250px}.technologiesList .technology h4{color:#fff;font-size:30px;font-weight:100}.technologiesList .technology img{height:220px;width:220px}@media screen and (max-width:920px){.technologies{height:auto}.technologiesList{display:flex;flex-wrap:wrap;justify-content:center;text-align:center}}@media screen and (max-width:420px){.technologies .text h2{font-size:30px}.technologies .text p{font-size:15px}.technologiesList .technology h4{font-size:25px}.technologiesList .technology img{height:150px;width:150px}}
/*# sourceMappingURL=main.4b08c6df.css.map*/