@import"https://fonts.googleapis.com/css2?family=Agbalumo&family=Kanit:wght@100;200;300;400;500;600;700;800;900&family=Kaushan+Script&display=swap";@import"https://fonts.googleapis.com/css2?family=Carter+One&family=Fugaz+One&family=IBM+Plex+Mono:wght@100;200;300;400;500;600;700&family=Lexend+Deca:wght@100..900&family=Patua+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=Carter+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900&family=Poppins:wght@300;400;500;600;700;800;900&display=swap";.kaushan-script-regular{font-family:Kaushan Script,serif;font-weight:400;font-style:normal}.kanit-medium{font-family:Kanit,serif;font-weight:500;font-style:normal}.agbalumo-regular{font-family:Agbalumo,serif;font-weight:400;font-style:normal}.Landing{width:100%;position:absolute;top:0;height:100vh;background:linear-gradient(360deg,#8611a7,#c99ff9 0%,#9e30df)}.link-paragraph{font-size:1.4em;position:relative;display:inline-block;color:#000}.Navigation{height:7.4em;width:100%;position:relative;top:0}a,a:visited{text-decoration:none}.info_container{text-align:center;position:relative;top:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.profile_img{width:250px;aspect-ratio:1 / 1;border-radius:50%;border:7px solid black;cursor:pointer;border-color:#000;background-clip:border-box;object-fit:cover}.profile_wrapper{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.logo{width:200px;height:140px;position:absolute;z-index:3;top:-5px;left:20px}.profile_wrapper:after{content:"Click me";position:absolute;bottom:-40px;left:50%;transform:translate(-50%);background-color:#86487a;color:#fff;padding:10px;border-radius:5px;font-size:14px;opacity:0;visibility:hidden;transition:opacity .2s ease-in-out;font-family:Arial,Helvetica,sans-serif;font-weight:600}.profile_wrapper:hover:after{opacity:1;visibility:visible}.description{font-size:clamp(20px,2.2vw,36px);font-family:Agbalumo,serif;color:#340062;margin:0;display:inline-block;height:2em}.typed-cursor{display:inline-block;position:relative}.name{font-size:clamp(35px,5vw,70px);font-family:Kaushan Script,serif}.center-con{display:flex;align-items:center;justify-content:center;position:relative;top:18%}.round{position:relative;border:3px solid #fff;width:50px;height:50px;border-radius:100%;animation:movearrow 3s ease-in-out infinite;cursor:pointer}span{z-index:99999999;height:40px;margin:1px;width:150px;background:#fff;transition:.4s ease}.round:hover span:nth-child(1){transform:rotate(-135deg)}.round:hover span:nth-child(2){transform:rotate(135deg)}.round:hover span:nth-child(3){transform:rotate(225deg)}.round:hover span:nth-child(4){transform:rotate(-225deg)}.Link-selection{display:flex;list-style:none;flex-direction:row;right:5%;gap:4em;justify-content:end;align-items:baseline;position:relative;top:40px;font-family:Kanit,serif;font-size:20px;z-index:0;margin-right:0}.link-paragraph:after{content:"";position:absolute;bottom:0;left:0;width:0%;height:2px;background-color:#2e2e2e;transition:width .3s ease}.link-paragraph:hover:after{width:100%}.Contact{width:100%;height:100vh;background-color:#863535;position:fixed}.scrollable-section::-webkit-scrollbar{overflow-y:scroll;display:none}.hamburger-menu{display:none;cursor:pointer}.bar{width:40px;height:7px;border-radius:10px;background-color:#000;margin:4px 0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}@media screen and (max-width: 770px){.logo{top:10px;width:140px;height:90px}.hamburger-menu{display:block;width:50px;height:40px;float:right;margin-right:20px;margin-top:30px;padding:7px}.burger-active{z-index:100;position:relative}.burger-active .bar{background-color:#000}.burger-active .bar:nth-child(1){transform:translateY(11px) rotate(45deg)}.burger-active .bar:nth-child(2){opacity:0}.burger-active .bar:nth-child(3){transform:translateY(-11px) rotate(-45deg)}.Link-selection{display:none}.show-links{display:block;background:#9a6bff80;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);height:7.25em;width:100vw;float:right;font-size:20px;position:fixed;z-index:3;top:0;right:0;margin:0;padding:0}.Link-paragraph:hover{background-color:#ffc278;font-size:10px}.link-paragraph{font-size:1.4em;display:flex;justify-content:center;align-items:center;padding-top:15px;padding-bottom:15px;animation:none}.link-paragraph:hover{background-color:#ffffffa0}.profile_img{width:230px;height:230px;border-radius:50%;border:5px solid black}.center-con{top:30%}.link-paragraph:after{content:none}.info_container{text-align:center;position:relative;top:10vh;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.name{position:relative;bottom:50px}.description{position:relative;bottom:48px}}.fugaz-one-regular{font-family:Fugaz One,serif;font-weight:400;font-style:normal}.ibm-plex-mono-bold-italic{font-family:IBM Plex Mono,serif;font-weight:700;font-style:italic}.patua-one-regular{font-family:Patua One,serif;font-weight:400;font-style:normal}.About{width:100%;height:100vh;background-color:#000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='494' height='59.3' viewBox='0 0 1000 120'%3E%3Cg fill='none' stroke='%232C0052' stroke-width='8' %3E%3Cpath d='M-500 75c0 0 125-30 250-30S0 75 0 75s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 45c0 0 125-30 250-30S0 45 0 45s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 105c0 0 125-30 250-30S0 105 0 105s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 15c0 0 125-30 250-30S0 15 0 15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500-15c0 0 125-30 250-30S0-15 0-15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 135c0 0 125-30 250-30S0 135 0 135s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3C/g%3E%3C/svg%3E");position:fixed}body,h1,h3{margin:0;padding:0}html{scrollbar-width:none}.title{text-align:center;color:#f0f0f0;font-size:clamp(46px,2.2vw,50px);margin-top:60px;font-family:Carter One,serif;padding-bottom:10px;position:relative}.title:after{content:"";position:absolute;left:50%;bottom:2px;width:50px;height:4px;background:linear-gradient(315deg,#55ceec,#2e9cb8 0%,#1770b0);transform:translate(-50%);border-radius:15%}@keyframes movearrow{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}span{z-index:999;height:1.5px;margin:1px;width:15px;background:#fff;transition:.4s ease}span:first-child{display:block;position:absolute;transform:rotate(45deg);left:25%;bottom:35%}span:nth-child(2){display:block;position:absolute;transform:rotate(-45deg);left:45%;bottom:35%}span:nth-child(3){display:block;position:absolute;transform:rotate(45deg);left:25%;bottom:54%}span:nth-child(4){display:block;position:absolute;transform:rotate(-45deg);left:45%;bottom:54%}.round2:hover span:nth-child(1){transform:rotate(-135deg)}.round2:hover span:nth-child(2){transform:rotate(135deg)}.round2:hover span:nth-child(3){transform:rotate(225deg)}.round2:hover span:nth-child(4){transform:rotate(-225deg)}.btn_container{display:flex;align-items:center;justify-content:center;flex-direction:row;position:relative;top:170px}.btn{width:100px;height:50px;background-color:#faebd7}.custom-cursor{position:fixed;top:0;left:0;pointer-events:none;width:100vw;height:100vh;z-index:9999}.Myskills{margin-right:7%}.about-container{display:flex;justify-content:space-between;align-items:center;max-width:1500px;width:100%;height:auto;margin:30px auto 40px;padding:10px;gap:1em;box-sizing:border-box}.Myinfo,.Myskills{flex:1;display:flex;justify-content:center;gap:1em;position:relative}.cardmac{width:500px;height:550px;border:3px solid rgb(60,60,60);background-color:#1e1e1e;border-radius:10px;overflow:hidden;position:relative;display:flex;flex-direction:column}.cardmac__content{flex-grow:1;padding:15px;text-align:center;color:#f8fbfe;font-family:Inter,sans-serif}.tools{display:flex;align-items:center;gap:3px;padding:10px;background:#2d2d2d;border-top-left-radius:10px;border-top-right-radius:10px;width:100%}.circle{display:flex;align-items:center;justify-content:center;padding:10px;border-radius:50%}.redbox{background-color:#ba5250;width:18px;height:18px;border-radius:50%;position:relative;display:flex}.yellowbox{background-color:#b67e15;width:18px;height:18px;border-radius:50%}.greenbox{background-color:#1c8d47;width:18px;height:18px;border-radius:50%;position:relative}.greenbox:hover:after{border-width:0 0 6px 6px;border-color:rgb(30,30,30) transparent;top:9px;left:9px;transform:rotate(185deg)}.container *{padding:0;margin:0}.card{width:500px;height:550px;border:3px solid #293851;background-color:#1e293b;border-radius:10px;display:grid;grid-template-rows:40px 1fr}.card .header{display:flex;align-items:center;position:relative}.card .header .skills{color:#7dd3fc;font-size:13px;padding:2px 12px}.card .header .copy{position:absolute;background:transparent;border:none;top:61%;right:1px;transform:translate(-50%,-50%);color:#64748b;cursor:pointer;transition:all .3s ease;z-index:100}.card .header .copy:hover{color:#94a3b8}.card .header:before{content:"";position:absolute;border-top-left-radius:5px;border-top-right-radius:5px;border:1px solid #485d794d;right:8px;bottom:0;background-color:#33415580;width:180px;height:30px;z-index:100}.skills_info svg{vertical-align:middle;margin-top:-2px}.card .footer .code{display:flex;align-items:start;flex-direction:row;padding-left:10px;margin-top:10px}.card .footer .code .icon{color:#f472b6;padding-top:3px}.card .footer .code .user-cmd{color:#f8fafc}.desc-title{text-align:left;font-size:17px;padding:5px 5px 1.5em;color:#c77eff;font-size:clamp(24px,1.6vw,40px);font-family:Lexend Deca,serif;position:relative}.desc-paragraph{padding:5px;text-align:left;font-family:Patua One,serif;font-size:14px;color:#d1d1d1;word-spacing:5px;word-break:keep-all;margin-top:-15px}.text-container{display:flex;flex-direction:row;gap:30px;flex-wrap:wrap;margin-top:50px}.text-container1 .skills_info{background-color:#222a3a}.skill-description{margin-top:30px;color:#f8fafc}.skills_info{display:flex;align-items:center;gap:5px;padding:10px 10px 10px 15px;font-family:Fugaz One,serif;border-radius:10px;background-color:#161d2b;cursor:default}.skills_info:hover{filter:contrast(95%)}.term_title,.icon{float:left;margin-top:10px;font-size:14px;font-family:IBM Plex Mono,serif}.skills{font-family:IBM Plex Mono,serif}.social{max-width:fit-content;border-radius:20px;display:flex;flex-direction:column;align-content:center;justify-content:space-between;gap:2rem;height:auto;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:inset 0 0 20px #ffffff31,inset 0 0 5px #92929246,0 5px 5px #eeeeee2a;transition:.5s;flex:0 0 auto;margin-right:auto}.social:hover{animation:ease-out 5s;background:#adadad0d}.social ul{padding:1rem;display:flex;list-style:none;gap:1rem;align-items:center;justify-content:center;align-content:center;flex-wrap:wrap;flex-direction:column}.svg{transition:all .3s;padding:1rem;height:30px;width:30px;border-radius:100%;color:#c59aff;fill:currentColor;box-shadow:inset 0 0 20px #ffffff4d,inset 0 0 5px #ffffff80,0 5px 5px #9696962a;cursor:pointer}.iso-pro{transition:.5s}.iso-pro:hover a>.svg{transform:translate(15px,-15px);border-radius:100%}.iso-pro div{opacity:0;position:absolute;color:#1877f2;border-color:#1877f2;box-shadow:inset 0 0 20px #ffffff4d,inset 0 0 5px #ffffff80,0 5px 5px #0000002a;border-radius:50%;transition:all .3s;height:60px;width:60px}.iso-pro:hover div{opacity:1}.iso-pro:hover div:nth-child(1){opacity:.2}.iso-pro:hover div:nth-child(2){opacity:.4;transform:translate(5px,-5px)}.iso-pro:hover div:nth-child(3){opacity:.6;transform:translate(10px,-10px)}.about_btns{display:flex;gap:min(5vw,35px);padding:30px;justify-content:center;align-content:space-between;flex-direction:row}.animated-button{position:relative;display:flex;align-items:center;padding:11px 32px;border:3px solid;border-color:transparent;background-color:inherit;border-radius:10px;font-weight:600;color:#efe5fe;box-shadow:0 0 0 2px #009700;cursor:pointer;overflow:hidden;transition:all .6s cubic-bezier(.23,1,.32,1);min-width:140px;max-width:250px;height:50px;font-size:16px;flex-shrink:0;white-space:nowrap}.animated-button svg{position:absolute;width:24px;z-index:9;transition:all .8s cubic-bezier(.23,1,.32,1)}.animated-button .arr-1{right:12px}.animated-button .arr-2{left:-25%}.animated-button .circle1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background-color:#c77eff;border-radius:50%;opacity:0;transition:all .8s cubic-bezier(.23,1,.32,1)}.animated-button .text{position:relative;z-index:1;transform:translate(-12px);transition:all .8s cubic-bezier(.23,1,.32,1);font-size:13px;font-weight:600;font-family:Carter One,serif}.animated-button:hover{box-shadow:0 0 0 12px transparent;color:#212121;border-radius:12px}.animated-button:hover .arr-1{right:-25%}.animated-button:hover .arr-2{left:16px}.animated-button:hover .text{transform:translate(12px)}.animated-button:hover svg{fill:#000}.animated-button:active{scale:.95}.animated-button:hover .circle1{width:220px;height:220px;opacity:1}.icon{width:40px;height:40px}.header-container{display:flex;flex-direction:row;width:100%;height:auto;align-items:baseline;align-content:space-around}.icons-container{display:flex;flex-direction:row;gap:20px;width:auto;height:auto;align-items:baseline;align-content:space-around;padding:5px;position:relative;left:1em;flex-wrap:wrap;visibility:hidden}.react-icons{width:18px;height:18px;color:#e1e1e1}@media (max-width: 1024px){.about-container{align-items:center;text-align:center;justify-items:center}.desc-paragraph{font-size:clamp(15px,1.7vw,30px)}.cardmac{transition:transform .5s;width:90%;overflow-y:scroll;scrollbar-width:auto}.flipped,.back-content{transform:rotateY(180deg)}.Myskills{display:none}.Myinfo{width:100%;display:flex;justify-content:center;align-items:center}.greenbox:hover:before,.greenbox:hover:after{content:"";position:absolute;width:0;height:0;border-style:solid}.greenbox:hover:before{border-width:6px 6px 0 0;border-color:#12661A transparent;top:3px;left:3px;transform:rotate(-185deg)}.greenbox:active{opacity:.7}.greenbox:hover{filter:brightness(.8)}.greenbox{background-color:#7eff8b;box-shadow:5px green}.greenbox.flipped:hover:before,.greenbox.flipped:hover:after{content:none}.greenbox.flipped:hover{filter:none}.greenbox.flipped:active{opacity:1}.greenbox.flipped{background-color:#338715}.redbox.flippedRed:hover:before,.redbox.flippedRed:hover:after{content:"";position:absolute;top:45%;left:20%;width:10px;height:2px;border-radius:10px;background-color:#780000;transform:rotate(45deg)}.redbox.flippedRed:hover:after{transform:rotate(-45deg)}.redbox.flippedRed{background-color:#ff4747;-webkit-box-shadow:0px 0px 53px 12px rgb(250,69,69);-moz-box-shadow:0px 0px 53px 12px rgb(246,39,39);box-shadow:0 0 53px 12px #d12d2d}.redbox.flippedRed:active{filter:brightness(.8)}.text-container1{display:flex;flex-direction:row;gap:calc(12px + 2vw);flex-wrap:wrap}.skills_info{background-color:#3e0064}.special-circle>.greenbox{-webkit-box-shadow:0px 0px 10px 6px rgba(0,255,60,1);-moz-box-shadow:0px 0px 50px 6px rgba(0,255,60,1);box-shadow:0 0 30px 6px #00ff3c}.special-circle>.greenbox.flipped{box-shadow:none}.desc-title.flippedTitle{text-align:center}}@media (max-width: 767px){.about_btns{gap:30px}.animated-button{font-size:14px;padding:12px 30px;min-width:100px;max-width:170px}.animated-button:hover .arr-1{right:-25%}.animated-button:hover .arr-2{left:16px}}@media (max-width: 630px){.about-container{flex-direction:column;text-align:center;justify-items:center}.desc-title{margin:0;padding-bottom:1.5em}.desc-paragraph{font-size:14px}.social{display:none}.greenbox:hover:before,.greenbox:hover:after{content:"";position:absolute;width:0;height:0;border-style:solid}.greenbox:hover:before{border-width:6px 6px 0 0;border-color:#12661A transparent;top:3px;left:3px;transform:rotate(-185deg)}.greenbox:active{opacity:.7}.greenbox:hover{filter:brightness(.8)}.icons-container{visibility:visible}.react-icons:hover{filter:contrast(50%);cursor:pointer}}@media (max-width: 404px){.desc-title{font-size:clamp(20px,1.8vw,30px)}.react-icons{width:14px;height:14px}.about_btns{flex-direction:column;left:50%}.animated-button{max-width:500px}.animated-button:hover .circle1{width:400px;height:400px}}.carter-one-regular{font-family:Carter One,serif;font-weight:300;font-style:normal}.archivo-black-regular{font-family:Archivo Black,sans-serif;font-weight:400;font-style:normal}.Contact{width:100%;height:100vh;background-color:#6c009e;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg stroke='%238F00CD' stroke-width='0' stroke-opacity='0' %3E%3Ccircle fill='%236C009E' cx='0' cy='0' r='1800'/%3E%3Ccircle fill='%23630096' cx='0' cy='0' r='1700'/%3E%3Ccircle fill='%235b008e' cx='0' cy='0' r='1600'/%3E%3Ccircle fill='%23530085' cx='0' cy='0' r='1500'/%3E%3Ccircle fill='%234b007d' cx='0' cy='0' r='1400'/%3E%3Ccircle fill='%23430075' cx='0' cy='0' r='1300'/%3E%3Ccircle fill='%233c006d' cx='0' cy='0' r='1200'/%3E%3Ccircle fill='%23360065' cx='0' cy='0' r='1100'/%3E%3Ccircle fill='%232f005d' cx='0' cy='0' r='1000'/%3E%3Ccircle fill='%23290054' cx='0' cy='0' r='900'/%3E%3Ccircle fill='%2324004c' cx='0' cy='0' r='800'/%3E%3Ccircle fill='%231e0044' cx='0' cy='0' r='700'/%3E%3Ccircle fill='%2319003c' cx='0' cy='0' r='600'/%3E%3Ccircle fill='%23150034' cx='0' cy='0' r='500'/%3E%3Ccircle fill='%2311002c' cx='0' cy='0' r='400'/%3E%3Ccircle fill='%230d0023' cx='0' cy='0' r='300'/%3E%3Ccircle fill='%2309001b' cx='0' cy='0' r='200'/%3E%3Ccircle fill='%23060013' cx='0' cy='0' r='100'/%3E%3C/g%3E%3C/svg%3E");background-attachment:fixed;background-size:cover}.form{position:relative;display:flex;flex-direction:column;left:50%;transform:translate(-50%,10%);padding:2.2rem;width:90%;max-width:600px;min-width:280px;height:480px;background:linear-gradient(14deg,#4f00804d,#150035b3 66%,#370067),radial-gradient(circle,#02002480,#200f3533 65%,#0e1d1ce6);border:2px outset #3d0057;-webkit-box-shadow:rgb(96,0,118) 0px 0px 20px -15px;box-shadow:#65009b 0 0 50px -15px;overflow:hidden;border-top-left-radius:20px;border-bottom-right-radius:20px;z-index:0}.head-container{display:flex;flex-direction:row;justify-content:center;align-items:center}.fname{color:#fff;font-family:Archivo Black,sans-serif;margin-bottom:6px}.input-container{width:100%;display:flex;justify-content:center}.input-message{width:100%;min-height:150px;padding:12px;font-size:1rem;border:2px solid #fff;background-color:#fff;outline:none}.input-mail,.input-name,.input-message{outline:none;border:3px outset #909090;margin-bottom:15px;font-family:monospace;max-width:600px;position:block;padding-top:none;border-radius:10px}.input-container input{background-color:#fff;padding:10px;font-size:.875rem;line-height:1.25rem;box-shadow:0 1px 2px #0000000d;width:100%}.input-mail:focus::placeholder,.input-name:focus::placeholder,.input-message:focus::placeholder{opacity:0;transition:opacity s}.submit{position:relative;display:block;padding:8px;background-color:#2b004c;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.5);font-size:.875rem;line-height:1.25rem;font-weight:500;width:50%;text-transform:uppercase;overflow:hidden;left:50%;transform:translate(-50%,35%);border-radius:20px}.input-name:focus,.input-mail:focus,.input-message:focus{border-color:#1e65ff}.submit:hover{-webkit-transition:all .6s ease-out;-moz-transition:all .2s ease-out;transition:all .1s ease-out;box-shadow:4px 5px 20px -1px #fff;cursor:pointer}.submit:hover:before{-webkit-animation:sh02 .5s 0s linear;-moz-animation:sh02 .5s 0s linear;animation:sh02 .5s 0s linear}.submit:before{content:"";display:block;width:0px;height:85%;position:absolute;top:50%;left:0%;opacity:0;background:#fff;box-shadow:0 0 50px 30px #fff;-webkit-transform:skewX(-20deg);-moz-transform:skewX(-20deg);-ms-transform:skewX(-20deg);-o-transform:skewX(-20deg);transform:skew(-20deg)}@keyframes sh02{0%{opacity:0;left:0%}50%{opacity:1}to{opacity:0;left:100%}}.title-2{display:block;margin-top:-.5rem;font-size:2.1rem;font-weight:800;font-family:Arial,Helvetica,sans-serif;text-align:center;-webkit-text-stroke:#ffffff .1rem;letter-spacing:.2rem;color:transparent;position:relative;text-shadow:0px 0px 16px #ededed;animation:flickering 8s linear infinite both}.title-2 span:before,.title-2 span:after{content:"—"}@keyframes flickering{0%,to{opacity:1}41.99%{opacity:1}42%{opacity:.4}43%{opacity:.9}43.01%{opacity:1}47.99%{opacity:1}48%{opacity:.7}49%{opacity:.8}49.01%{opacity:1}}.bg-stars{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2;background-size:cover;animation:animateBg 40s linear infinite}@keyframes animateBg{0%,to{transform:scale(1)}50%{transform:scale(2)}}.star{position:absolute;top:25%;left:50%;width:4px;height:4px;background:#b300ff;border-radius:50%;box-shadow:0 0 0 4px #ffffff1a,0 0 0 8px #ffffff1a,0 0 20px #ffffff1a;animation:animate 20s linear infinite}.star:before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:300px;height:1px;background:linear-gradient(90deg,#fff,transparent)}@keyframes animate{0%{transform:rotate(315deg) translate(0);opacity:1}70%{opacity:1}to{transform:rotate(315deg) translate(-1000px);opacity:0}}.star:nth-child(1){top:0;right:0;left:initial;animation-delay:0s;animation-duration:2.4s}.star:nth-child(2){top:0;right:100px;left:initial;animation-delay:.5s;animation-duration:3.4s}.star:nth-child(3){top:0;right:220px;left:initial;animation-delay:2.75s;animation-duration:4s}.star:nth-child(4){top:0;right:-220px;left:initial;animation-delay:3.1s;animation-duration:5.3s}.star:nth-child(5){top:0;right:-220px;left:initial;animation-delay:.9s;animation-duration:6.8s}.tooltip-container{--background: #333333;--color: #e8e8e8;position:relative;cursor:pointer;color:var(--color);padding-top:1em;text-transform:uppercase;display:grid;place-items:center;overflow:visible;bottom:12px;left:100px;z-index:10;transition:left .3s ease}.title_c{text-align:center;color:#f0f0f0;font-size:clamp(46px,2.2vw,50px);margin-top:60px;font-family:Carter One,serif;padding-bottom:10px;position:relative}.title_c:after{content:"";position:absolute;left:50%;bottom:2px;width:50px;height:4px;background:linear-gradient(315deg,#55ceec,#2e9cb8 0%,#1770b0);transform:translate(-50%);border-radius:15%}@media (max-width:767px){.form{width:70%}.title-2{font-size:clamp(25px,4vw,30px)}.fname{font-size:clamp(13px,1.6vw,20px)}.input-container,.fname,.submit{position:relative;top:20px}.tooltip-container{left:calc(10% - 10px)}}.poppins-semibold{font-family:Poppins,sans-serif;font-weight:600;font-style:normal}.lexend-deca{font-family:Lexend Deca,serif;font-optical-sizing:auto;font-weight:400;font-style:normal}html,body{margin:0 0 5%;padding:0;width:100%;height:100%;background:radial-gradient(circle,#8d3ffb 11%,#7456ff 43%,#d665ff);min-height:100vh;height:auto;z-index:-10000000;animation:gradient 10s linear infinite;background-size:500% 450%}*{margin:0;padding:0}.project-header:after{content:"";display:block;width:100px;height:4px;border-radius:10px;background:linear-gradient(360deg,#181618,#0d0712 0%,#7f14bd);margin:7px auto}.project-header{font-family:Lexend Deca,serif;font-size:34px}.project-title{font-family:Lexend Deca,serif;font-size:22px;position:relative;left:10px;top:10px}.project-description{font-family:Poppins,sans-serif;font-size:.85rem;position:relative;font-weight:600;left:10px;top:50px;width:90%}.description-container{position:absolute;top:15px;left:50%;transform:translate(-50%);font-size:24px;font-family:Arial,Helvetica,sans-serif;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;width:500px}.skill-container{display:flex;flex-wrap:wrap;justify-content:start;gap:12px;width:80%;position:relative;top:30px;left:3%;flex-direction:row;height:auto}.skill{border-radius:15px;font-family:Poppins,sans-serif;padding:4px 10px;font-size:.7rem;font-weight:600;color:#f0f8ff}.descriptions{font-size:clamp(16px,1.5vw,18px);font-family:Arial,Helvetica,sans-serif;text-align:center;margin-top:2%}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:80% 50%}to{background-position:0% 50%}}@keyframes floatUp{0%{transform:translate(30) translateY(10vh) scale(.4);opacity:.3}25%{transform:translate(-70px) translateY(15vh) scale(1.3);opacity:.7}50%{transform:translate(30px) translateY(40vh) scale(.3);opacity:.9}75%{transform:translate(50px) translateY(25vh) scale(2.1);opacity:.6}to{transform:translate(30px) translateY(-100vh) scale(.1);opacity:0;display:none}}.particle-container{position:absolute;width:100%;height:100%;overflow:hidden;pointer-events:none}.particle{position:absolute;bottom:-100px;width:10px;height:10px;background:#fffc;border-radius:50%;animation:floatUp ease infinite}.button-container{display:flex;flex-direction:row;gap:10px;align-items:center;position:absolute;top:90%;left:3%}.github-button{background-color:#fff;border:none;border-radius:15px;padding:4px 10px;font-size:1rem;cursor:pointer;overflow:hidden;z-index:1;position:relative;box-shadow:2px 4px 8px #aeaeae74}.github-button:active,.prev-button:active{transform:translateY(1px)}.github-button:after{content:"";position:absolute;width:100%;height:100%;background-color:#ececec;top:0;left:0;transform:scaleX(0);transform-origin:left;transition:transform .1s ease-in-out;z-index:-1}.github-button:hover:after{transform:scaleX(1.5)}.prev-button{background-color:#fff;color:#000;border:none;border-radius:15px;padding:10px 20px;font-size:1rem;cursor:pointer;width:275px;font-weight:600;text-align:center;font-family:Poppins,sans-serif;z-index:1;overflow:hidden;position:relative;box-shadow:2px 4px 8px #ffffff5e}.prev-button:after{content:"";position:absolute;width:100%;height:100%;background-color:#efefef;top:0;left:0;transform:scaleX(0);transform-origin:left;transition:transform .1s ease-in-out;z-index:-1}.prev-button:hover:after{transform:scaleX(1.5)}.live-icon{display:inline-block;position:relative;background-color:red;width:11px;height:11px;margin-left:5px;border-radius:50%;z-index:1}.live-icon:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:#f009;border-radius:50%;transform:translate(-50%,-50%) scale(1);z-index:-1;animation:pulse 4s infinite ease-in-out}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(4.5);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.project-container{display:flex;flex-wrap:wrap;justify-content:center;gap:40px;max-width:90vw;width:100%;position:relative;top:40px;left:50%;transform:translate(-50%)}.project-child{width:400px;height:580px;border-radius:25px;background-color:#a3a3a362;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(3px);box-shadow:2px 4px 10px #0000005e}.project-image{width:calc(100% - 20px);height:300px;border-top-left-radius:17px;border-top-right-radius:17px;display:block;margin:10px auto 0;border-bottom:2px outset rgba(255,255,255,.462)}@media screen and (max-width: 1024px){.project-container{max-width:90%}}@media screen and (max-width: 768px){.project-container{max-width:100%;flex-direction:row;justify-content:center}}@media screen and (max-width: 480px){.project-container{flex-direction:column;align-items:center}.descriptions{width:80%}}