: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}main{width:100%;margin:0;padding:0;box-sizing:border-box}a{font-weight:500;color:#2a30a8;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;flex-direction:column;min-width:320px;min-height:100vh;width:100%;background-image:url(/MyPortfolio/background2.png);background-size:cover;background-position:center;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}#title-h1{font-size:3.3rem;color:#e1fefe;text-align:center;margin-top:0;position:relative}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.title{font-size:2rem;margin:0}#about-this-site{padding-top:20px;color:#fff}.scroll-section{padding:60px 0;text-align:center;width:100%}#about-site{background-color:#243a75}#about-me{background-color:#fff}#work{background-color:#6495ed80}.profile{display:flex;justify-content:center;align-items:center;gap:20px;text-align:left;margin-top:20px}.profile-photo{width:200px;height:200px;border-radius:50%;object-fit:cover}.offset{scroll-margin-top:40px}.modal-style{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;background-color:#fff;border:2px solid #000;padding:32px}#root{max-width:100%;margin:0;padding:0;width:100vw;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.read-the-docs{color:#888}h1{color:#fff;margin-top:20px}.log{text-align:center;height:100vh;padding:100px 20px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-direction:column}.fade-in-welcome{font-size:3.5rem;margin-bottom:200px;opacity:0;transform:translateY(30px);animation:fadeInUp 1s ease forwards;animation-delay:.3s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.display-space{height:100vh;padding:10px}html{scroll-behavior:smooth}#top{position:absolute;top:0;left:0;right:0;height:100px;background:#00000080}.thank-container{position:relative;max-width:700px;margin:50px auto;text-align:center}.thank-text{font-size:4rem;font-weight:700;color:#d2d2ec}.thank-line{width:55vw;height:80px;display:block;margin-top:-50px}.line-path{fill:none;stroke:#d2d2ec;stroke-width:2.5;stroke-dasharray:3000;stroke-dashoffset:3000;animation:drawLine 2s ease-out forwards}@keyframes drawLine{to{stroke-dashoffset:0}}.flower-image{position:absolute;right:-80px;bottom:90px;width:60px;transform:scale(0);transform-origin:center;animation:flowerPop .6s ease-out forwards;animation-delay:1.4s}@keyframes flowerPop{to{transform:scale(4)}}#myskill{margin-left:10%;margin-right:10%}.anim-box.slidein.is-animated{animation:slideIn 1s cubic-bezier(.25,1,.5,1) forwards}@keyframes slideIn{0%{transform:translate(180px);opacity:0}to{transform:translate(0)}40%,to{opacity:1}}#skill-top{position:absolute;top:0;left:0;right:0}