body{scroll-behavior:smooth;color:#fff;background-color:#030303;justify-items:center;height:110vh;margin:0;padding:1%;font-family:Lato}h1{font-family:manrope}header img{border:2px solid #fca311;border-radius:100px;width:100px;height:100px}header{align-items:center;gap:20px;font-family:manrope;display:flex}header h1{font-family:Panton;font-size:2.5em}.circleContainer{z-index:-1;background:linear-gradient(304deg,#493270 13%,#090979 49%,#00d4ff 84%);border-radius:50%;justify-self:center;width:20em;height:20em;position:fixed;right:20%}.secondCircle{z-index:-2;background:linear-gradient(341deg,#833ab4 0%,#fd1d1d 50%,#fcb045 100%);border-radius:50%;justify-self:center;width:15em;height:15em;position:fixed;top:30%;right:50%}.contactform{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background-color:#0000;width:80%;padding:5%;display:grid;overflow-y:scroll}.container{display:inline-block}.text{white-space:nowrap;border-right:2px solid #fff;width:100%;animation:2s steps(29,end) typing,1s step-end infinite alternate cursor;overflow:hidden}form{gap:5%;display:grid}label{gap:2px;display:grid}.frmbtns{flex-wrap:wrap;gap:5%;display:flex}.frmbtns button{background-color:#fca211b5;border-radius:20px;width:300px;height:50px;font-family:Panton;font-size:1em;font-weight:500}@font-face{font-family:manrope;src:url(/assets/manrope-regular-BnMfPUnO.otf)}@font-face{font-family:lato;src:url(/assets/Lato-Regular-CX8_9uDN.ttf)}@font-face{font-family:Panton;src:url(/assets/Panton-LightCaps-D9U5wm2g.otf)}@keyframes cursor{50%{border-color:#0000}}@keyframes typing{0%{width:0}}