: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:#24324f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-body: "Montserrat", sans-serif;--font-heading: "Cal Sans", sans-serif}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;font-family:var(--font-body)}h1{font-size:3.2em;line-height:1.1;font-family:var(--font-heading);margin-bottom:0;margin-top:0}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:#fff}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}}html,body{background:linear-gradient(180deg,#1b0a04,#000);min-height:100vh;min-width:100vw;margin:0;color:#f3f3f3;padding:env(safe-area-inset);box-sizing:border-box;overflow-x:hidden}#root{max-width:1280px;margin:0 auto;padding:2rem;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)}.card{padding:2em}.read-the-docs{color:#e57b4e}.profile-pic{width:100%;object-fit:contain;margin:auto;border-radius:2%}.carrot{width:.1vh;object-fit:cover;color:#5b88cb}.rounded{border-radius:.4rem;box-shadow:0 0 30px #b84611}.rounded-card{border-radius:.4rem;box-shadow:0 0 50px #902a0e}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn2{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.namebox{max-height:inherit;max-width:200px;width:50vw;box-sizing:border-box;animation:fadeIn2\ 4s;text-align:left;overflow:hidden;border-radius:.3rem;align-items:center;margin:auto;justify-content:center;z-index:2}.mainbox{width:90vw;max-width:1300px;margin:35px auto 10%;display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.contact{background:none;margin-right:15px;border:none;padding:0;position:relative;object-fit:contain;transition:transform .25s ease;outline:none}.contact:hover{background:none;transform:translateY(-3px);transition:transform .25s ease;border:none}.contact:focus,:focus-visible{outline:none}.textbox{width:inherit;max-height:inherit;text-align:center;z-index:2}.homehead{font-size:5em;line-height:.8}.homebody{font-size:20px}.projectcard{max-width:80vw;width:600px;background-color:#fff7ee;z-index:2;position:relative;border-radius:.4rem;padding:1vh;margin-top:2vh;margin-bottom:2vh;justify-self:center;box-shadow:0 0 20px #b84611}.projectdetails{gap:6px;display:flex;flex-direction:row;justify-content:center}.ProjectButton{display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 10px;border:none;cursor:pointer;box-shadow:0 3px 5px #0000001a}.Code{background-color:#7aa5f4}.Read{background-color:#f8a86b}.buttonText{font-size:13px;color:#fff;line-height:1}.icon{width:15px;height:15px}.outputButton{border:none;background:none;outline:none;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto;cursor:pointer;transition:transform .5s ease}.outputButton:hover{background:none;transform:translateY(6px);transition:transform .5s ease;border:none}.outputButton:active{transform:none;border:none}.outputButton:focus,:focus-visible{background:none;border:none;outline:none}.outputText{font-size:12px;color:#473a34;margin-bottom:3px}