#about{overflow:hidden;height:100vh;height:var(--inner-height);width:100%;-ms-overflow-style:none}#about-hero{padding:0 15%;overflow:hidden;position:relative;width:100%;height:100%}#about-gradient-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}#about-gradient-bg .blob{position:absolute;width:100%;height:100%;border-radius:50%;filter:blur(200px);mix-blend-mode:screen;animation:drift 14s ease-in-out infinite}#about-gradient-bg .blob.bottom-right{background:#0b51b3;top:20%;left:30%;animation-delay:0s}#about-gradient-bg .blob.bottom-left{background:rgba(255,177,131);top:10%;left:0%;animation-delay:-10s}#about-gradient-bg .blob.top-left{background:#5C8BCF;top:-10%;left:-20%;animation-delay:-5s}@keyframes drift{0%,to{transform:translate(0) scale(1);opacity:1}25%{transform:translate(40px,-60px) scale(1.1);opacity:.8}50%{transform:translate(-30px,40px) scale(.9);opacity:.6}75%{transform:translate(20px,20px) scale(1.05);opacity:.9}}#about-img{z-index:9;position:relative;top:10%;margin-right:-5%;height:90%;float:right;shape-outside:url(/graduation_3.png);user-drag:none;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}#about-name{width:100%;overflow:hidden;position:absolute;bottom:0;left:0;right:0;color:var(--darker-color);line-height:.8}.about-name-text{-webkit-user-select:none;user-select:none;line-height:.8;box-sizing:border-box;margin:0 auto;padding:0;font-weight:800;white-space:nowrap;width:max-content}#about-name-container{height:40%;position:relative;margin:0 -1%;width:100%}#about-summary{padding-top:24px;max-height:45%}#about-summary h2{font-size:24px;font-weight:400}#about-summary p{margin-top:24px}.about-social-icons--link svg{width:2em}.about-social-icons--link{background-color:var(--darker-color);transition:.1s ease-in;text-decoration:none;height:2em;font-weight:bolder;color:var(--lightest-color);text-align:center;border-radius:5px;font-size:x-large;display:flex;justify-content:center;align-items:center}.about-social-icons--link:hover{background-color:var(--highlight-color)}.about-social-icons-text{padding-left:.6em}.about-social-icons-text h4{font-size:large}.about-social{margin-top:.7em;display:flex;column-gap:1ch}@media screen and (max-aspect-ratio: 29/20){#about-img{z-index:9;position:relative;top:10%;margin-right:-30%;height:90%;float:right;shape-outside:url(/graduation_3.png)}}@media screen and (max-aspect-ratio: 46/39){#about-img{position:absolute!important;top:auto!important;bottom:40%!important;left:50%;transform:translate(-50%);height:auto;max-height:50%;max-width:70%;margin:0;float:none;shape-outside:none}#about-name{bottom:clamp(0px,calc((100vh - 100vw)/5),30vw)}#about-name-container{height:60%}#about-hero{overflow:hidden}#about-summary{height:35%}}@media screen and (max-width: 500px){.about-social-icons--link{font-size:x-large}#about-gradient-bg .blob.bottom-right{animation-delay:0s;animation:drift 9s ease-in-out infinite}#about-gradient-bg .blob.bottom-left{animation-delay:0s;animation:drift 11s ease-in-out infinite}#about-gradient-bg .blob.top-left{animation-delay:0s;animation:drift 14s ease-in-out infinite}}#about-name.reveal-vertical{overflow:hidden;animation:reveal-vertical 1s cubic-bezier(.77,0,.175,1) forwards}@keyframes reveal-vertical{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}.copytext{-moz-user-select:text;-khtml-user-select:text;-webkit-user-select:text;-ms-user-select:text;user-select:text;cursor:pointer;text-decoration:underline;text-underline-offset:.3em}.copytext:hover{color:var(--highlight-color)}.resizable{overflow:hidden}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--darker-color)}.bottom-text{position:relative;margin:15px 0;left:50%;transform:translate(-50%);opacity:.3;font-size:smaller;width:fit-content}@media screen and (max-width: 350px){.bottom-text{font-size:.5em}}#timeline{display:grid;grid-auto-flow:row;grid-auto-rows:minmax(40vh,300px);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px 30px;padding:50px}.timeline-card{--card-transition: .5s;background:var(--lightest-color);overflow:hidden;border-radius:20px;box-shadow:#0000003d 0 3px 8px;z-index:1;position:relative}.timeline-image{inline-size:100%;object-fit:cover;height:100%;transition:var(--card-transition)}.timeline-text{position:absolute;top:50%;bottom:0;overflow-y:hidden;word-break:break-word;padding:20px;color:var(--lightest-color);opacity:0;transition:var(--card-transition);height:100%}.timeline-text p{margin-top:.5em}.timeline-card:hover .timeline-text{opacity:1;top:0}.timeline-card:hover .timeline-image{transform:scale(1.07);filter:blur(5px)}.timeline-card:hover .timeline-bg{opacity:1}.timeline-bg{position:absolute;top:0;bottom:0;height:100%;width:100%;background-color:#000000b3;opacity:0;transition:var(--card-transition);will-change:opacity}.timeline-button{transition:.1s;transition-delay:0s;margin-top:10px;margin-left:-2px;padding:7px 14px;background:var(--lightest-color);border:0;outline:none;text-align:center;position:relative;font-size:12px;font-weight:700;border-radius:30px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.timeline-button:hover{background:var(--highlight-color)}.timeline-button span{display:inline;font-size:inherit;vertical-align:middle;margin:0 -.2em}.timeline-button p{display:inline}.timeline-chips{margin-top:.5em}.timeline-chip{font-weight:500;letter-spacing:.02em;box-shadow:0 1px 4px #00000014;transition:background .2s,color .2s;cursor:default;font-size:.7em;border-radius:3px;padding:2px 10px;margin-right:4px;display:inline-block;margin-bottom:2px}@media screen and (max-aspect-ratio: 46/39){#timeline{display:grid;grid-auto-flow:row;grid-auto-columns:80vw;grid-auto-rows:80vw;grid-template-columns:auto;padding:10%}.timeline-button{background:var(--highlight-color)}#comments-container{grid-row-start:span 2!important;grid-row-end:revert!important}}#comments-container{grid-row-start:1;grid-row-end:span 2;grid-column-end:-1}#overlay{position:absolute;width:100vw;height:100vh;top:0;bottom:0;left:0;right:0;background-color:#fff;text-align:center;display:flex;justify-content:center;align-items:center;z-index:9999}.footer{width:100%;background:var(--darker-color);color:var(--lightest-color);padding:5rem 0;text-align:center;position:relative;z-index:10}.footer-content{max-width:700px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-thanks{font-size:1.3rem;font-weight:500}.footer-copyright{font-size:smaller;color:#aaa;margin-top:.7em}:root{--highlight-color: rgb(109, 175, 199);--highlight-color-2: #f77062;--darker-color: #141414;--lightest-color: #fff;--lighter-color: rgb(230, 240, 241);--inner-height: 100%}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,Arial,Helvetica,sans-serif}p{font-family:Arial,Helvetica,sans-serif}body,html{margin:0;padding:0;height:100%;overflow-x:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#root{margin:0;padding:0;height:100%;overflow-x:hidden;position:relative}