:root{--background-image:linear-gradient(rgba(0,0,0,0.275),rgba(0,0,0,0.225));--background-overlay:rgba(0,0,0,0.8)}*{margin:0;padding:0;box-sizing:border-box}ul{list-style-type:none}img{max-width:100%}body{font-family:"Manrope",sans-serif,"Chakra Petch";overflow:auto}a{font-family:inherit;text-decoration:none;color:#fff}body::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;scrollbar-width:none}.menu-btn{position:absolute;right:80px;z-index:99999999;margin-top:50px}.menu-btn button{background-color:transparent;font-size:36px;border:none;color:#fff;cursor:pointer}.header{position:absolute;right:0;height:0;overflow:hidden;width:200px;transition:all .5s ease-in-out}.header.open{height:100vh;background-color:rgba(0,0,0,.8);background-color:var(--background-overlay)}.header nav ul{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.header nav ul li{margin:20px 0}.homepage{background:url(/static/media/showcase.53fa40b1.jpg);background-repeat:no-repeat;background-size:cover;background-position:50%;height:100vh}.homepage .overlay{background-image:linear-gradient(rgba(0,0,0,.275),rgba(0,0,0,.225));background-image:var(--background-image);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:#fff;text-align:center}.homepage .overlay h1{text-transform:uppercase;font-size:96px;font-family:"Manrope";cursor:pointer}.homepage .overlay h1:hover{color:#fff;transition:all .2s ease-in;text-shadow:0 0 160px #8cbdd6,0 0 20px #9bc5da,0 0 40px #aacddd,0 0 80px #bad5e1,0 0 120px #c9dce4,0 0 160px #d6e7ec}.homepage .overlay p{font-size:32px}.homepage .overlay p:hover{color:#fff;transition:all .2s ease-in;text-shadow:0 0 160px #8cbdd6,0 0 20px #9bc5da,0 0 40px #aacddd,0 0 80px #bad5e1,0 0 120px #c9dce4,0 0 160px #d6e7ec}.homepage .overlay ul{display:flex;align-items:center;justify-content:center;margin-top:30px}.homepage .overlay ul li{margin:0 15px}.homepage .overlay ul li a{font-size:40px;border-radius:120px}.github:hover{color:#6e5494;transition:all .2s ease-in}.twitter:hover{color:#1da1f2;transition:all .2s ease-in}.instagram:hover{color:#ff8400;transition:all .2s ease-in}.linkedin:hover{color:#0077b5;transition:all .2s ease-in}.facebook:hover{color:#4267b2;transition:all .2s ease-in}.projects{background:radial-gradient(circle farthest-corner at 35% 90%,#fec564,transparent 50%),radial-gradient(circle farthest-corner at 0 140%,#fec564,transparent 50%),radial-gradient(ellipse farthest-corner at 0 -25%,#5258cf,transparent 50%),radial-gradient(ellipse farthest-corner at 20% -50%,#5258cf,transparent 50%),radial-gradient(ellipse farthest-corner at 100% 0,#893dc2,transparent 50%),radial-gradient(ellipse farthest-corner at 60% -20%,#893dc2,transparent 50%),radial-gradient(ellipse farthest-corner at 100% 100%,#d9317a,transparent),linear-gradient(#6559ca,#bc318f 30%,#e33f5f 50%,#f77638 70%,#fec66d)}.projects h1{padding:35px 80px;color:#fff;font-size:45px;margin-bottom:10px}.projects h1:hover{color:#fff;text-shadow:0 0 10px #fff;transition:all .2s ease-in-out}.projects .cards{display:grid;grid-template-columns:repeat(3,1fr);max-width:1100px;margin:auto;grid-gap:20px;gap:20px;color:#fff;padding-bottom:40px}.projects .cards img{border-radius:8%}.projects .cards h4{font-size:24px;margin:20px 0 10px}.projects .cards p{font-size:18px;margin-bottom:30px}.projects .cards ul{display:flex;align-items:center;justify-content:space-between}.projects .cards ul li a{display:flex;align-items:center;justify-content:center;border-radius:5px;margin-bottom:8px}.projects .cards ul li a.git{background-color:#333;padding:7px;font-size:15px}.projects .cards ul li a.git:hover{color:#6e5494;background-color:#fff;transition:all .2s ease-in-out}.projects .cards ul li a.demo{background-color:#333;padding:7px;font-size:15px;margin-right:6px}.projects .cards ul li a.demo:hover{color:#0077b5;background-color:#fff;transition:all .2s ease-in-out}.projects .cards ul li a .play{font-size:10px}.contacts{background:url(/static/media/contacts.c224bd7f.png);background-repeat:no-repeat;background-size:cover;background-position:50%;height:100vh}.contacts .overlay2{background-image:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.8));display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:#fff;text-align:center}.contacts h1{text-transform:uppercase;font-size:75px;font-family:"Manrope";cursor:pointer;margin-top:80px;color:#fff;text-shadow:0 0 10px #fff}.contacts ul{display:block;align-items:center;justify-content:center;margin-top:10px}.social{display:flex;align-items:center;justify-content:space-between;grid-gap:20px;gap:20px;margin-top:23px;font-size:35px;border-radius:120px}.mail,.phone{margin-right:8px;font-size:25px}.call:hover{color:#02ff2c}.call:hover,.email:hover{transition:all .2s ease-in-out}.email:hover{color:#4d9aff}.contacts ul li{margin:10px 0}.contacts ul li a{font-size:30px}.error{background-color:#333;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:#fff}.error h1{text-transform:uppercase;font-size:96px;font-family:"Chakra Petch";cursor:pointer}.error h1:hover{color:red;text-shadow:0 0 10px red;transition:all .2s ease-in-out}.glitch{padding-bottom:80px}@media (max-width:1150px){.projects .cards{padding:0 20px 20px}}@media (max-width:992px){.body{overflow:hidden}.homepage .overlay h1{font-size:64px}}@media (max-width:768px){.projects .cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){body{overflow:auto}.homepage .overlay h1{font-size:43px}.homepage .overlay p{font-size:22px;margin-top:10px}.homepage .overlay ul li a{font-size:28px}.menu-btn{right:20px;top:-20px}.contacts ul li a{font-size:20px}.contacts h1{font-size:48px;margin-top:20px}.mail,.phone{font-size:16px}.social{font-size:26px}.projects h1{padding:25px;font-size:35px;margin-bottom:5px}.projects .cards{grid-template-columns:1fr}.projects .cards p{font-size:15px}.error h1{font-size:50px}}
/*# sourceMappingURL=main.1e21759c.chunk.css.map */