:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}#main-page-photo{position:fixed;height:680px;bottom:0;right:0;-webkit-mask-image:linear-gradient(to left,black 0%,transparent 100%);mask-image:linear-gradient(to left,black 0%,transparent 100%);-webkit-mask-size:200% 200%;mask-size:200% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.contact-body{width:100vw;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;padding:2rem}.contact-photo{margin-left:auto;margin-top:10%;width:445px;height:445px;border-radius:50%;object-fit:cover;object-position:top}.contact-list{position:flex;display:flex;width:800px;flex-wrap:wrap;flex-direction:row;justify-content:space-between;align-items:center;gap:2rem;padding:2rem}.right-side-body{position:flex;display:inline}.right-side-body h2{margin-top:5%;padding-top:10%}.icon{position:flex;margin:5%;height:100px;transition:ease-in .5s}#github-pic{width:150px;object-fit:cover}.icon:hover{height:200px}#github-pic:hover{width:210px}.about-body{justify-content:center;position:flex;margin-top:8%;width:100vw;display:flex;flex-wrap:wrap;flex-direction:row}.about-body span{font-size:24px;margin-left:5%;margin-right:5%}#about-img{height:500px}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (max-width: 600px){.email-details{width:500px}.contact-list{width:445px}.about-body{margin-top:18%}}