html,body,#root{height:100%;margin:0;padding:0}.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}}.card{padding:2em}.read-the-docs{color:#888}:root{font-family:Arial,Helvetica,sans-serif;line-height:.5;font-weight:250}body{padding:0;margin:0}@font-face{font-family:The Seasons;src:url(/assets/Fontspring-DEMO-theseasons-bd-Bp63wc9w.otf) format("opentype");font-weight:400;font-style:normal}.background{background-image:url(/assets/Background-C8Ij7ca7.png);background-size:cover;background-position:center;background-repeat:no-repeat;height:250vh;width:245vh;display:flex;justify-content:center;align-items:flex-start;padding-top:10vh;z-index:-1}.title-container{display:flex;flex-direction:column;align-items:center;text-align:center}.title{font-family:The Seasons,sans-serif;font-size:5rem;margin-top:5%;letter-spacing:3px;font-weight:500;color:#3a2c25;white-space:nowrap}.subtitle{font-family:Arapey,serif;font-style:italic;font-size:2rem;margin:5%;color:#3a2c25}.portfolio-header{border-top:2.5px solid #3a2c25;font-family:The Seasons,serif;position:relative;padding:1rem 20rem}.bottom-line{border-top:2px solid #3a2c25;margin-top:2%}.side-label{writing-mode:vertical-rl;transform:rotate(180deg);position:absolute;left:2%;top:50%;transform:translateY(-50%) rotate(180deg);background-color:#3a2c25;color:#fff;padding:5rem 1.5rem;font-size:.9rem;letter-spacing:1px}.header-content{display:flex;justify-content:space-between;align-items:center}.date{font-size:1.2rem;font-family:Arapey,serif;margin-left:0;margin-top:-150px;color:#3a2c25}.title-block{text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.clocks img{display:block;height:200px;margin:.1rem 0}.nav-bar{display:flex;justify-content:center;gap:2rem;padding-top:.8rem;font-family:Arapey,serif;font-size:1.2rem;color:#3a2c25}.nav-bar a{text-decoration:none;color:inherit;position:relative}.nav-bar a:hover{font-weight:700;border-bottom:1px solid #3a2c25}.about-section{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:10rem 5%;gap:3rem;max-width:100%;z-index:1}.text-column{width:50%}.section-title{position:absolute;left:10%;margin-top:10rem;text-align:center;font-family:The Seasons,serif;font-size:1.7rem;letter-spacing:2px;font-weight:400;text-transform:uppercase;color:#3a2c25;border-bottom:1px solid #3a2c25;padding-bottom:.5rem;width:fit-content}.title-labs{margin-right:85%;display:inline-block;border-bottom:1px solid #270f00;padding-bottom:50px}.text-about{position:absolute;left:10%;top:30rem;width:40vw;text-align:left;font-family:Arapey,serif;color:#3a2c25;font-size:1rem;letter-spacing:1px;line-height:1.8;word-wrap:break-word}.img-about{padding:0;background:none;cursor:pointer;width:400px;height:auto;display:block}.img-about img{width:100%;border:1px;height:auto;border-radius:12px;object-fit:cover;display:block;cursor:pointer;transition:all .3s ease}.img-about:hover{box-shadow:0 6px 12px #0003;transform:scale(1)}.button-cv{position:absolute;left:60%;margin-top:25rem;text-align:center;width:fit-content;z-index:2}.description{font-family:Arapey,serif;font-style:italic;font-size:1.5rem;margin:3% 0% 3% 3%;color:#3a2c25}.button-lab-container{max-width:1200px;margin:1rem auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:4rem;justify-items:right;text-align:center;z-index:1}.button-labs{text-align:center;align-items:center;background-color:#dfd5cc;box-shadow:0 2px 6px #0000001a;border-radius:10px;border:2px solid #b2875b;width:100%;max-width:400px;max-height:300px;cursor:pointer;transition:all .3s ease}.button-labs:hover{background-color:#f0e6dd;box-shadow:0 6px 12px #0003;transform:scale(1.05)}.img-labs{width:80%;height:70%;border:4px solid rgba(0,0,0,.1);border-radius:10px;object-fit:cover;cursor:pointer}.description-labs{font-family:Arapey,serif;font-style:italic;font-size:1rem;color:#270f00;margin:12px 0}