@import"https://fonts.googleapis.com/css2?family=Anton&display=swap";:root{--char: 10ch}*{margin:0;padding:0;font-family:Protest Riot,sans-serif;font-family:Stylish,serif;font-family:Ubuntu,sans-serif;box-sizing:border-box}.uparrow{color:#00adb5;font-size:45px;filter:brightness(150%);position:fixed;right:50px;top:85vh;z-index:2}.uparrow:hover{cursor:pointer}body{background-color:#000}header{display:flex;height:80px;justify-content:space-around;align-items:center;position:sticky;top:0;background-color:#000;z-index:1}.container{padding:0 200px}.navbar ul{list-style:none;font-size:1.2em}.navbar a:hover{cursor:pointer;filter:brightness(150%)}.logo{font-family:"Cedarville Cursive",cursive;font-size:2.5em;color:#00adb5;filter:brightness(150%);text-shadow:0px 0px 35px rgba(0,173,181,.61)}.navbar ul a{text-decoration:none;color:#eee;transition-duration:.2s;padding:0 25px}.navbar ul a:hover{color:#00adb5}.main{color:#fff;min-height:88vh;display:flex;flex-direction:column;justify-content:center;gap:15px}.hithere{display:block;color:#d4cfcf;font-size:1.5em}.name{display:block;font-size:3em}.context{display:block;font-size:1.3em;margin-top:10px}.dynamicText{position:relative;font-size:4rem;font-weight:700;overflow:hidden}.cursor{color:#00adb5}h2 .box{position:absolute;bottom:0;display:inline-block;height:100px;width:3vw;z-index:-1}h2 .hi{color:#fff;background-color:#04373a;display:none}.about-btn{color:#222831;font-weight:bolder;font-size:1rem;background-color:#eee;width:150px;min-height:40px;border-radius:20px;border:none;transition-duration:.3s;margin-top:5px}.about-btn i{display:inline-block}.about-btn:hover{cursor:pointer;background-color:#b7b8b9}.social-media-icons{padding:10px 0}.social-media-icons a{text-decoration:none;display:inline-block}.social-media-icons a i{font-size:30px;margin:15px 20px 0 0}.main>i{font-size:50px;text-align:center;margin-top:0}.main>i:hover{cursor:pointer}.about-me-container .title{color:#00adb5;filter:brightness(150%);text-align:center;margin-bottom:10px}.about-me-container i{color:#fff;margin-right:8px}.about-me-container{position:relative;max-height:100vh}.about-me-main{display:flex;flex-direction:column;align-items:center;flex-wrap:wrap;justify-content:center;gap:15px;padding:10px}.about-me-main img{max-width:180px;border-radius:30px;flex:1}.about-me-main p{color:#fff;flex:1;padding:20px;line-height:28px;font-size:1.05rem;background-color:#ffffff0d;border-radius:15px}.horizontal-scroll-container{padding:5px;overflow:hidden}.races{padding:0 100px;overflow-x:hidden;display:flex;top:10px;height:100vh;align-items:center;gap:80px;overflow-x:visible}.races h2,.races h2 span{color:#fff;font-size:10rem;font-family:Anton,sans-serif;font-weight:400;font-style:normal;letter-spacing:10px}.hori4{display:flex}.exclamatory,.o{display:inline-block}.skill-title{color:#00adb5;filter:brightness(150%);text-align:center;margin-bottom:10px}.skill-title i{color:#fff;margin-right:8px}.skills{color:#fff;border-radius:25px;padding:20px;display:flex;justify-content:space-around;flex-wrap:wrap;gap:10px;min-height:150px;background-color:#ffffff0d;margin:5px 0 15px}.skill{width:100px;height:120px;border-radius:10px;padding:10px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;background-color:#00adb50d;box-shadow:6px 5px 8px #000000bf;-webkit-box-shadow:6px 5px 8px 0px rgba(0,0,0,.75);-moz-box-shadow:6px 5px 8px 0px rgba(0,0,0,.75);transition-duration:.1s}.skill:hover{cursor:pointer;scale:1.07}.skill img{width:55px}.django-logo{width:40px!important}.aws-logo{width:58px}.projects-title{color:#00adb5;filter:brightness(150%);text-align:center;margin:50px 0 20px}.projects-title i{color:#fff;margin-right:10px}.projects{background-color:#ffffff0d;padding:20px;border-radius:15px;display:flex;justify-content:space-around;flex-wrap:wrap;gap:25px;-webkit-user-select:none;user-select:none}.project{border-radius:10px;position:relative;overflow:hidden}.project .caption{color:#fff;position:absolute;bottom:0;transform:translateY(135px);background-color:#393e46e6;width:100%;height:175px;transition-duration:.5s}.project:hover .caption{transform:translateY(0)}.project:hover{cursor:pointer}.project img{width:330px;height:220px;border-radius:10px;-webkit-user-select:none;user-select:none;object-fit:cover}.caption .title{font-weight:bolder;text-align:center;font-size:1.3rem;padding-top:6px;width:100%;height:40px;color:#fff;background-color:#00000080;-webkit-user-select:none;user-select:none}.caption-a{text-decoration:none}.caption .visit-btn{text-decoration:none;color:#fff;background-color:#00adb5;margin:0 auto;text-align:center;display:block;width:100px;padding:8px 0;border-radius:25px;transition-duration:.5s}.caption a:hover{background-color:#b7b8b9}.caption .description{color:#fff;padding:7px;font-size:16px}.contact-me{margin:50px 0 20px;display:flex;flex-direction:column;align-items:center}.contact-me .head{color:#00adb5;filter:brightness(150%);text-align:center}.contact-me form{color:#fff;max-width:400px;background-color:#ffffff1a;padding:20px;border-radius:20px;box-sizing:border-box}.formbox{padding:10px;outline:none;align-items:center;gap:10px}input,textarea{width:100%;padding:8px;font-size:18px;background-color:#222831;border:none;color:#fff;border-radius:5px;box-sizing:border-box}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{background-color:#222831;color:#fff;transition:background-color 5000s ease-in-out 0s,color 5000s ease-in-out 0s}input:focus,textarea:focus{outline:none;border:1px solid #00ADB5;-webkit-box-shadow:0px 0px 1px 1px rgba(0,173,181,1);-moz-box-shadow:0px 0px 1px 1px rgba(0,173,181,1);box-shadow:0 0 1px 1px #00adb5}label{margin-bottom:4px;font-size:1.2rem;display:inline-block}.message{align-items:baseline}textarea{width:100%;height:150px;resize:vertical}.contact-me button{height:45px;width:100px;font-size:1.1rem;border-radius:15px;border:none;color:#fff;background-color:#00adb5;align-self:center;margin:0 auto;display:block;position:relative}.contact-me button:hover{cursor:pointer}.spinner{width:20px;height:20px;border:3px solid white;border-top:3px solid transparent;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation-name:spinner;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear}.hide{display:none}@keyframes spinner{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.form-response{width:100%;height:35px;padding:10px;margin:5px 0;font-size:1.1rem;max-width:400px;text-align:center;filter:brightness(150%)}.success{color:#4caf50}.error{color:#f44336}.footer{margin-top:10px;display:flex;justify-content:space-around;align-items:stretch;flex-wrap:wrap;gap:10px}.thanking{font-size:.9rem;color:#eee}.thanking p{line-height:24px}.contact-info{color:#eee}.contact-info a{text-decoration:none;color:#fff}.contact-info ul{list-style:none}.contact-info li{padding:7px}.credits p{color:#fff;text-align:center;padding:30px;font-size:1rem}.credits i{color:red;margin:0 2px;display:inline-block}.credits-name{color:#00adb5;filter:brightness(150%)}@media screen and (max-width: 1231px){.container{padding:180px}}@media screen and (max-width: 1175px){.container{padding:160px}}@media screen and (max-width: 900px){.container{padding:120px}}@media screen and (max-width: 800px){.container{padding:100px}}@media screen and (max-width: 700px){.container{padding:80px}}@media screen and (max-width: 600px){.container{padding:60px}.races h2,.races h2 span{font-size:9rem}}@media screen and (max-width: 550px){.navbar ul a{padding:0 20px}}@media screen and (max-width: 500px){.navbar ul a{padding:0 15px}.name{font-size:2.5em}.dynamicText{font-size:3.5rem}.races h2,.races h2 span{font-size:8rem}}@media screen and (max-width: 450px){.container{padding:0 20px}.navbar ul a{padding:0 5px}.logo{font-size:2em}.races h2,.races h2 span{font-size:6rem}}@media screen and (max-width: 340px){.container{padding:0 20px}.navbar ul a{padding:0 4px;font-size:.9em}.logo{font-size:1.8em}.name{font-size:2em}.dynamicText{font-size:1.5em}.races h2,.races h2 span{font-size:6rem}}