.heroImg{height:400px;width:400px;border-radius:40%;object-fit:cover}.container{margin-top:20px;display:flex;justify-content:center;align-items:center;gap:60px;text-align:center;height:100dvh;min-height:500px}.container span{display:flex;gap:15px;justify-content:center}.container span a{margin:0}.container span a img{width:50px}.container a{width:fit-content;align-self:center}.containerDiv{position:relative}.colorMode{position:absolute}.colorMode:hover{cursor:pointer}.description{max-width:26ch;align-self:center}.info{display:flex;flex-direction:column;gap:20px}@media (width <= 800px){.container{flex-direction:column-reverse;align-items:center;justify-content:space-evenly}.container .heroImg{max-width:300px;width:300px}}@media (width >= 1400px){.container .heroImg{max-width:400px;width:400px}}:root{--background-color:#fff;--btn-color:#0987f2;--btn-text-color:#fff;--project-card-bg:#ffffff00;--text-color:#222;--form-text-color:#555;--footer-text-color:#888}[data-theme=dark]{--background-color:#222;--btn-color:#fff;--btn-text-color:#222;--project-card-bg:#fff;--text-color:#fff;--form-text-color:#fff;--footer-text-color:#bbb}body{background-color:var(--background-color);color:var(--text-color);display:flex;justify-content:center;margin:0 auto 60px}button{background-color:var(--btn-color);color:var(--btn-text-color);height:50px;width:134px;border:none;border-radius:35px;font-size:large;font-weight:bolder;box-shadow:0 4px 4px #00000040;transition:box-shadow .2s ease-in-out,transform .2s,ease-in-out}button:hover{transform:scale(1.05)}button:active{transform:translateY(2px);box-shadow:0 2px 2px #00000040}#root{display:flex;flex-direction:column;gap:60px}h1,h2,h3,p{color:var(--text-color);margin:0;padding:0}h2,h3,p{font-family:Roboto Mono,monospace}h1{font-family:Rubik,sans-serif;font-size:56px}h1,h2{text-transform:uppercase}h2,h3{font-size:30px}p{font-size:16px;font-weight:300}.container{margin-bottom:30px}.heroBtn{cursor:pointer}.procontainer{display:flex;flex-direction:column;text-align:center;gap:60px}.projexContainer{display:flex;justify-content:center;gap:20px}.projexContainer img{border-radius:20px;background-color:var(--project-card-bg)}.projexContainer a{width:fit-content;text-decoration:none;color:#222;transition:transform .2s ease-in-out}.projexContainer a:hover{transform:scale(1.05)}.projexContainer .proimg{height:250px;width:250px;border-radius:25px;object-fit:cover}@media (max-width: 768px){.procontainer{padding:0 20px}.projexContainer{flex-direction:column;align-items:center}.proimg{height:auto;width:100%;max-width:300px}}@media (max-width: 480px){.procontainer{gap:10px}}.skillsContainer{display:flex;flex-direction:column;text-align:center}.skillsContainer span{display:flex;align-items:center;gap:5px}.skillsContainer img{width:30px}.sectionTitle{margin-top:200px;margin-bottom:70px}.skillList{display:flex;justify-content:center;gap:50px;flex-wrap:wrap}hr{width:300px;height:1px;border:none;background-color:var(--text-color);margin:30px auto}.contact_container{display:flex;flex-direction:column;text-align:center}.conTitle{margin-top:200px;margin-bottom:70px}form{display:flex;flex-direction:column;gap:30px}textarea,input:not([type=submit]){height:50px;width:400px;border:none;border-radius:25px;padding-left:20px;border:#888 1px solid}textarea{padding-top:16px;height:300px;resize:none}textarea,input{border:#888 1px solid;border-radius:25px;box-sizing:border-box;justify-self:center;background-color:var(--background-color);color:var(--text-color)}::placeholder{color:var(--form-text-color)}input[type=submit]{margin:auto;background-color:var(--btn-color);color:var(--btn-text-color);border:none;border-radius:20px;width:126px;height:50px;font-size:20px;font-weight:700;box-shadow:0 4px 4px #00000040;transition:box-shadow .2s ease-in-out,transform .2s ease-in-out}input[type=submit]:hover{transform:scale(1.05)}input[type=submit]:active{translate:translateY(2px);box-shadow:0 2px 2px #00000040;transform:scale(1.05)}.footercontainer{text-align:center}.footercontainer p{font-size:16px;color:var(--footer-text-color)}