@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);@import url(https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap);header{align-items:flex-end;display:flex;height:120px;justify-content:space-between;margin:0 auto;width:var(--main-width)}header input{appearance:none;-webkit-appearance:none;cursor:pointer;height:23px;position:relative;width:23px}header input:before{color:#8a8a8a;content:"\f805";font-family:Font Awesome\ 5 Free;font-size:1.2em;font-weight:700;left:0;position:absolute;top:0}header p{font-size:1.2em}nav{align-items:center;background:#181818;border:2px solid hsla(0,0%,100%,.151);border-radius:10px;box-shadow:inset 0 0 50px hsla(0,0%,90%,.041);display:flex;flex-direction:column;justify-content:flex-end;left:50%;padding-bottom:5px;padding-top:60px;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);transition:-webkit-transform .4s cubic-bezier(.895,.03,.685,.22);transition:transform .4s cubic-bezier(.895,.03,.685,.22);transition:transform .4s cubic-bezier(.895,.03,.685,.22),-webkit-transform .4s cubic-bezier(.895,.03,.685,.22);width:250px;z-index:1000}header input:checked:before{display:none}header input:checked~nav{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}nav a{font-size:.8em;margin:.5em 0;text-decoration:none}nav a .linkBtn{background:none;border:none;color:hsla(0,0%,100%,.61);cursor:pointer}nav:before{background:hsla(0,0%,100%,.021);border-radius:10px 10px 0 0;box-shadow:inset 0 0 50px rgba(23,77,255,.041);content:"";height:22%;position:absolute;top:0;width:100%;z-index:20}header label{cursor:pointer;position:absolute;top:10px;z-index:100}.overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.301);height:100%;left:0;opacity:0;position:fixed;top:0;-webkit-transform:scale(0);transform:scale(0);transition:opacity .4s;width:100%;z-index:999}header input:checked~.overlay{opacity:1;-webkit-transform:scale(1);transform:scale(1)}main{align-items:center;display:flex;flex-direction:column;height:400px;height:70vh;justify-content:center;margin:0 auto;position:relative;width:var(--main-width)}main p{color:var(--sec-color);font-size:.7em;margin:10px 0}main p:nth-child(3){font-size:.9em}main h1{text-align:center}main h1 span{color:#8e2de2;font-family:Dancing Script,cursive;font-size:1.2em}.indicator{border:2px solid var(--sec-color);bottom:0;height:40px;width:25px}.indicator,.indicator:before{border-radius:50px;position:absolute}.indicator:before{-webkit-animation:dotAnimation 1s infinite;animation:dotAnimation 1s infinite;background:var(--sec-color);content:"";height:4px;left:50%;top:20%;-webkit-transform:translate(-50%);transform:translate(-50%);width:4px}@-webkit-keyframes dotAnimation{0%{-webkit-transform:translate(-50%);transform:translate(-50%)}to{-webkit-transform:translate(-50%,300%);transform:translate(-50%,300%)}}@keyframes dotAnimation{0%{-webkit-transform:translate(-50%);transform:translate(-50%)}to{-webkit-transform:translate(-50%,300%);transform:translate(-50%,300%)}}.about{align-items:center;display:flex;height:400px;justify-content:center;margin:0 auto;text-align:center;width:var(--main-width)}.about p span{color:#8e2de2;font-family:Dancing Script,cursive;font-size:1.4em}.skills{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:50px auto 100px;width:var(--main-width)}.skills h2{color:#8d2de2;letter-spacing:3px}.cards{flex-wrap:wrap;margin-top:20px}.card,.cards{display:flex;justify-content:center}.card{align-items:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:hsla(0,0%,100%,.048);border-radius:10px;box-shadow:0 0 30px rgba(0,0,0,.114);flex-direction:column;height:120px;margin:10px 30px;width:100px}.card p{margin-top:10px}.card i,.card p{color:var(--sec-color)}.card i{text-shadow:0 0 10px hsla(0,0%,100%,.144)}.projects{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:150px auto;width:var(--main-width)}.projects h2{color:#8e2de2}.projects .container{display:flex;flex-wrap:wrap;justify-content:center;margin-top:35px}.projectLink{margin:10px 30px;text-decoration:none}.projectCard{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:hsla(0,0%,100%,.048);border-radius:10px;box-shadow:0 0 30px rgba(0,0,0,.114);height:200px;padding:10px;position:relative;text-align:center;text-decoration:none;width:180px}.projectCard p:nth-child(2){margin-top:10px}.projectCard p{color:var(--sec-color);margin:2px;text-decoration:none}.projectCard .imgContainer{border-radius:10px 10px;height:60%;overflow:hidden;width:100%}.projectCard .imgContainer img{height:100%;width:100%}footer{display:flex;justify-content:center;margin:0 auto 30px;width:var(--main-width)}footer a{color:var(--sec-color);margin:0 10px}footer a:hover{color:#8e2de2}.gradient{border-radius:50%;height:400px;opacity:.4;width:400px;z-index:-1}.gradient,.gradient__small{background:#8e2de2;background:linear-gradient(90deg,#4a00e0,#8e2de2);-webkit-filter:blur(100px);filter:blur(100px);position:fixed}.gradient__small{bottom:0;height:200px;right:0;width:200px}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0;scroll-behavior:smooth}:root{--main-width:680px;--sec-color:hsla(0,0%,100%,.521)}@media (max-width:750px){:root{--main-width:85%}}body{background:#131313;color:#fff}@media (max-width:565px){.skills{margin:50px auto 100px;width:100%}.card{height:100px;margin:10px;width:80px}.fa-3x{font-size:2em}.card p{font-size:12px}}
/*# sourceMappingURL=main.2dbd252a.css.map*/