*{margin:0;padding:0;font-family:Quicksand,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700}::-webkit-scrollbar{background-color:#000;width:6px}::-webkit-scrollbar-thumb{background:#555;border-radius:10px}html{scroll-behavior:smooth;scroll-padding-top:82px}body{background-color:#000;flex-direction:column;padding-top:85px;display:flex}#about{background-color:#00a6ff11;border:2px solid #041a26;border-radius:10px;flex-direction:column;gap:20px;margin:20px;padding:40px;display:flex}#about h4{color:#b103b1;font-family:Rowdies;font-weight:200px;text-align:center}#about h2{color:#fff;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700}#about h2 span{color:#049cd8;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700}#about p{color:gray;text-align:center;font-size:13px}@media (width<=600px){#about h4{font-size:13px}#about h2{font-size:15px}#about p{font-size:10px}}#contact{background-color:#00a6ff11;border:2px solid #041a26;border-radius:10px;flex-direction:column;gap:20px;margin:20px;padding:20px;display:flex}#contact h4{color:#b103b1;font-family:Rowdies;font-weight:200px;text-align:center}#contact form{flex-direction:column;row-gap:20px;display:flex}#contact form .success{color:#04dc04;background-color:#0080002b;border:1px solid #04dc04;border-radius:5px;padding:10px;font-size:13px}#contact form .error{color:#f84747;background-color:#8000002b;border:1px solid #dc0404;border-radius:5px;padding:10px;font-size:13px}#contact form .loading{color:#2adeeb;background-color:#0080802b;border:1px solid #04dcdc;border-radius:5px;padding:10px;font-size:13px}#contact form div{flex-direction:column;row-gap:10px;display:flex;position:relative}#contact form div span{color:#f75050;font-size:13px}#contact form div input{resize:none;color:#fff;background-color:#0000;border:2px solid #062f46;border-radius:5px;outline:none;flex:1;padding:10px 10px 10px 35px;font-size:15px}#contact form div textarea{resize:none;color:#fff;background-color:#0000;border:2px solid #062f46;border-radius:5px;outline:none;flex:1;padding:10px;font-size:15px}#contact form div .icon{position:absolute;top:13px;left:10px}#contact form button{color:#fff;background:linear-gradient(90deg,#0392d4,#00f);border:none;border-radius:2px;outline:none;justify-content:center;align-self:flex-start;align-items:center;column-gap:5px;padding:10px 20px;display:flex}.footer{background-color:#00a6ff11;border:2px solid #041a26;border-radius:10px;justify-content:space-between;gap:20px;margin:20px;padding:20px;font-size:13px;display:flex}.footer>div{flex-direction:column;row-gap:10px;display:flex}.footer>div h3{color:#fff;font-family:Rowdies}.footer>div>div{align-items:center;column-gap:20px;display:flex}header{z-index:3;background-color:#000;justify-content:space-between;align-items:center;height:80px;display:flex;position:fixed;top:0;left:0;right:0}header .left-section{align-items:center;column-gap:5px;height:100%;padding-left:10px;display:flex}header h3{background:linear-gradient(90deg,#ca0ba4,#950548);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-family:Caprasimo;font-weight:300}header p{color:gray;font-size:13px}header .left-section>div{flex-direction:column;row-gap:5px;display:flex}header img{height:90%}header nav{justify-content:space-between;width:600px;display:flex}header nav a{color:#fff;padding:10px;font-size:14px;text-decoration:none}header nav .selected{color:#0767c1;border-bottom:2px solid #0767c1;border-radius:5px}header .download{color:#fff;background:linear-gradient(#000,#000) padding-box padding-box,linear-gradient(90deg,#0095ff,purple) border-box;border:2px solid #0000;border-radius:5px;justify-content:center;align-items:center;column-gap:5px;margin-right:20px;padding:8px 15px;font-family:Rowdies;font-size:15px;font-weight:300;text-decoration:none;display:flex}@media (width<=1200px){header nav{display:none}}@media (width<=600px){body{padding-top:75px}header{height:70px}header h3{font-size:13px}header p{font-size:7px}header .download{padding:5px 10px;font-size:8px}}#projects{background-color:#00a6ff11;border:2px solid #041a26;border-radius:10px;flex-direction:column;gap:20px;margin:20px;padding:40px;display:flex}#projects h4{color:#b103b1;font-family:Rowdies;font-weight:200px;text-align:center}#projects section{flex-wrap:wrap;justify-content:center;gap:50px;display:flex}#projects section>div{background-color:#00a6ff11;border:2px solid #041a26;border-radius:5px;flex-direction:column;gap:10px 15px;width:400px;padding:20px;display:flex}#projects section>div h3{color:#fff;font-family:Rowdies}#projects section>div p{color:gray;font-size:13px}#projects section>div>div{column-gap:20px;padding:10px 0;display:flex}#projects section>div>div .live-demo,#projects section>div>div .git-hub{border:2px solid;border-radius:5px;justify-content:center;align-items:center;column-gap:10px;padding:8px 15px;font-size:12px;text-decoration:none;display:flex}#projects section>div>div .live-demo{color:#035f9c;border-color:#035f9c}#projects section>div>div .git-hub{color:#fff;border-color:#fff}#skills{background-color:#00a6ff11;border:2px solid #041a26;border-radius:10px;flex-direction:column;gap:20px;margin:20px;padding:40px;display:flex}#skills h4{color:#b103b1;font-family:Rowdies;font-weight:200px;text-align:center}#skills section{flex-wrap:wrap;justify-content:center;gap:50px;display:flex}