@import"https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap";@import"https://fonts.cdnfonts.com/css/big-john";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}section{z-index:-100;position:absolute;top:0;width:100%;min-height:inherit;overflow:hidden;display:flex;justify-content:center;align-items:center}section .wave{position:absolute;left:0;width:100%;height:100%;background:#5f15cd;box-shadow:inset 0 0 50px #00000080;transition:.5s}section .wave span{content:"";position:absolute;width:125vh;height:255vh;top:50%;left:50%;transform:translate(-50%,-75%);background:#000}section .wave span:nth-child(1){border-radius:45%;background:#141414;animation:animate 5s linear infinite}section .wave span:nth-child(2){border-radius:40%;background:#14141480;animation:animate 10s linear infinite}section .wave span:nth-child(3){border-radius:42.5%;background:#14141480;animation:animate 15s linear infinite}@keyframes animate{0%{transform:translate(-50%,-75%) rotate(0)}to{transform:translate(-50%,-75%) rotate(360deg)}}.first{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;box-shadow:0 0 20px #000;margin-bottom:40px}.intro_top{text-align:center;margin-bottom:10px}.intro_bottom{margin-top:10px}.dev{color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right,#883ff5,#f44809)}button{display:block;margin:auto;color:#fff;background-color:transparent;min-width:180px;min-height:max-content;font-size:20px;border:solid;border-radius:10px;transition:background-color .5s;font-size:2dvw;padding:10px}button:hover{animation:background-color .5s;cursor:pointer;background-color:#5f15cd}.handdiv{margin-bottom:20px}.hand{position:relative;display:block;min-width:60px;max-width:100px;padding-bottom:20px;margin:auto;animation:waveing 2s steps(50,end)}.typing_text{font-size:3vw;color:#fff;overflow:hidden;border-right:.15em solid #5f15cd;white-space:nowrap;margin:auto;letter-spacing:.08em;animation:typing 3.5s steps(50,end),blink-caret .75s step-end infinite}.seccond h1{text-align:center;color:#fff;margin-bottom:50px}.seccond{background-color:#0003;box-shadow:inset 0 0 50px #00000080}.techcards{display:flex;position:relative;margin:auto;padding-bottom:20px}.third{margin-top:40px;margin-bottom:40px}.third h1{text-align:center;color:#fff}.about_content{margin-top:40px;display:flex;flex-direction:row;flex-basis:50%}.about_p{text-align:center;width:45%;color:#fff;display:block;margin:auto}.about_img{width:40%;justify-content:center;display:block;margin:auto;min-height:250px}.about_img img{scale:400%;margin-top:50px;justify-content:center}.fourth h1,h2{color:#fff;text-align:center;padding:20px}hr{width:75%;display:block;margin:auto}footer{margin-top:50px;text-align:center}footer h1{color:#fff;padding-bottom:10px}.fith{background-color:#000}.social-buttons{margin-top:10px;padding-bottom:10px}.fa{padding:10px;font-size:30px;width:45px;height:45px;text-align:center;text-decoration:none;margin:5px 10px;border-radius:200px}.fa:hover{opacity:.9}.fa-linkedin,.fa-github{background:#fff;color:#000}@keyframes waveing{0%{rotate:0deg}25%{rotate:25deg}50%{rotate:0deg}75%{rotate:25deg}to{rotate:0deg}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#5f15cd}}@media (max-width: 1200px){section .wave span{height:150vh}.about_content{flex-direction:column}.techcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:10px}.about_p{width:95%}.about_img img{scale:250%}}img{height:100px;display:block;margin:20px auto}.card{display:block;margin:auto auto 20px;min-width:130px;min-height:150px}p{padding-top:10px;text-align:center;font-size:15pt;color:#fff}.card:hover{cursor:pointer}.project_slide{background-color:#0000004d;margin:20px;box-shadow:inset 0 0 50px #00000080}.project_slide:hover{cursor:pointer}.pro-content{display:flex;flex-basis:50%;flex-direction:row}.pro-img{width:50%}.pro-img img{max-height:90%;max-width:90%;height:auto;object-fit:scale-down}.pro-desc{width:48%;padding-bottom:40px}@media (max-width: 1000px){.pro-content{flex-direction:column}.pro-desc,.pro-img{width:100%}}.navbar{text-align:center;width:100%;margin-bottom:20px;position:absolute;z-index:100;transition:background-color 1s;padding-bottom:20px}.nav_btn{display:flex;margin-top:25px}.navbar:hover{cursor:pointer;transition:background-color 1s;background-color:#0000004d}.nav_btn div{width:100%;text-decoration:none}#link{text-decoration:none;color:#fff}*{margin:0;padding:0}body{background-image:linear-gradient(to bottom,#cbadff,#2d0076)}h1,span,b{padding-top:20px;font-family:Big John,sans-serif}