@import url(https://fonts.googleapis.com/css2?family=Birthstone&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&display=swap);html{-webkit-tap-highlight-color:transparent}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{-webkit-user-select:none;user-select:none}section{height:90vh;padding-top:10vh}.dropdown-menu{animation:rollout .4s;background:linear-gradient(90deg,#ff64644d 0,#7300ff26);border:0;border-radius:5px;display:flex;flex-direction:column;list-style:none;min-width:0;padding:0;position:absolute;top:100%;width:60%}@keyframes rollout{0%{transform:translateY(-30%)}to{transform:translateY(0)}}.dropdown-menu li{align-content:center;border-radius:inherit;cursor:pointer;height:2.6rem;padding:5%;position:relative}@supports((-webkit-backdrop-filter:blur(2px)) or (backdrop-filter:blur(2px))){.dropdown-menu{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.dropdown-menu.clicked{display:none}.dropdown-link{color:#fff;font-size:120%;padding:0 6px;text-decoration:none}.dropdown-link:hover{color:#000000e6}.navbar{align-items:center;background:linear-gradient(90deg,#fff,#fff3 60%),linear-gradient(270deg,#ffffffe6,#ff00004d 40%),linear-gradient(270deg,#7300ff99,#fff3 40%);display:grid;grid-template-areas:"title menu";grid-template-columns:50% 50%;height:10vh;padding:0;position:fixed;width:100%;z-index:6}@supports((-webkit-backdrop-filter:blur(2px)) or (backdrop-filter:blur(2px))){.navbar{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}#section-title{color:#000;font-family:Birthstone,cursive;font-size:7vh;left:15%;position:relative;width:-webkit-fit-content;width:fit-content}.nav-menu{left:25%;list-style:none;margin:0;min-height:0;padding:0}.nav-item,.nav-menu{display:flex;position:relative}.nav-item{align-items:center;color:#fff;font-family:"DM Serif Text",serif;height:100%;justify-content:center;padding:4vh 4rem}.nav-link{color:#fff;font-size:140%;position:relative;text-decoration:none}.nav-link.active span{text-shadow:#ff8080cc 0 6px 10px}.nav-link:hover{color:#000000e6}.fa-angle-down{margin:0 4px;transition:all .2s ease-in-out}.fa-angle-down.rotate{rotate:-180deg;transition:all .2s ease-in-out}.fa-bars{color:#fff}.menu-icon{display:none;left:70%;width:-webkit-fit-content;width:fit-content}@media screen and (max-aspect-ratio:1/1),screen and (min-aspect-ratio:1/1) and (max-height:440px){.menu-icon{cursor:pointer;display:block;font-size:1.8rem;position:relative}.fa-bars,.fa-xmark{transition:all .1s ease-out}.fa-xmark{color:#fff;font-size:2rem}.nav-menu{align-items:center;background:linear-gradient(90deg,#fff,#fff3 60%),linear-gradient(270deg,#ffffffe6,#ff00004d 40%),linear-gradient(270deg,#7300ff99,#fff3 40%);display:flex;flex-direction:column;left:100%;position:absolute;top:100%;transition:all .4s ease;width:100%}.nav-menu.active{left:0;transition:all .4s ease}.nav-item{padding:10px 0}.fa-angle-down{display:none}}#hero{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;text-align:center;width:100%}#hero-headers{bottom:40vh;height:-webkit-fit-content;height:fit-content;position:relative;z-index:5}#hero-headers h1{font-size:11vmin;font-weight:600}#hero-headers h1,#hero-headers h3{color:#fff;font-family:Birthstone,cursive;margin:0;text-shadow:1px 1px 1px #000}#hero-headers h3{font-size:6vmin}#hero-comment{bottom:20vh;color:#646464;font-family:"DM Serif Text",serif;font-size:90%;height:-webkit-fit-content;height:fit-content;margin:0;max-width:80%;position:relative;z-index:5}#about{display:flex;max-height:80vh;position:relative;width:100%}#profile-grid{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:repeat(3,1fr);margin:0 5%;width:100%}.profile-item{align-items:center;display:flex;height:100%;justify-content:center}#introduction{border-bottom:5px double #ff808066;font-family:"DM Serif Text",serif;height:-webkit-fit-content;height:fit-content;margin:0;padding-bottom:.5rem}#hero-button{background:linear-gradient(135deg,#9198e5b3,#fff0 70.71%),linear-gradient(270deg,#ff9696cc,#fff0 70.71%);border-radius:10px;bottom:35vh;box-shadow:0 2px 8px 0 #78000033;padding:2px 6px;position:relative;z-index:5}#hero-button a{text-decoration:none}#hero-button:active{transform:scale(1.3);transition:all .1s}#hero-button a span{text-wrap:nowrap;color:#fff;font-family:"DM Serif Text",serif;font-size:1.2rem;font-weight:600}@media screen and (max-width:660px){#hero-headers h1,#hero-headers h3{text-shadow:.8px .8px 0 #000}}@media screen and (max-aspect-ratio:1/1){#profile-grid{column-gap:2rem;grid-template-columns:1fr 1fr;row-gap:0}#introduction{font-size:small}#timeline-wrapper{grid-column:1/span 2}}@media screen and (min-aspect-ratio:1/1) and (max-height:440px){#about{height:75vh}#hero-comment{bottom:25vh;font-size:small}#introduction{font-size:x-small}}.profile-svg{overflow:visible;width:90%}.blob-path{transition:d .4s ease-in-out}.ripples{pointer-events:none;will-change:transform,opacity}.ripple{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke:var(--stroke-color);animation-duration:8s,8s;animation-iteration-count:infinite,infinite;animation-timing-function:linear,step-end;opacity:0;transform-origin:50% 50%;transition:d .4s ease-in-out}.rp1{animation-name:ripple1,colorSwapRp}.rp2{animation-name:ripple2,colorSwapRp}.rp1.ring1{stroke-opacity:.2;animation-delay:0s,0s}.rp1.ring2{stroke-opacity:.4;animation-delay:.4s,.4s}.rp1.ring3{stroke-opacity:.6;animation-delay:.8s,.8s}.rp2.ring1{stroke-opacity:.2;animation-delay:4s,4s}.rp2.ring2{stroke-opacity:.4;animation-delay:4.4s,4.4s}.rp2.ring3{stroke-opacity:.6;animation-delay:4.8s,4.8s}@keyframes colorSwapRp{0%{--stroke-color:#ff7c9b}50%{--stroke-color:#9b7cff}to{--stroke-color:#ff7c9b}}@keyframes ripple1{0%{opacity:0;transform:scale(1) translate(0)}25%{opacity:.6;transform:scale(1.12,1.1) translate(4px,-3px)}50%{opacity:0;transform:scale(1.18,1.16) translate(6px,-5px)}75%{opacity:.6;transform:scale(1.12,1.1) translate(4px,-3px)}to{opacity:0;transform:scale(1) translate(0)}}@keyframes ripple2{0%{opacity:0;transform:scale(1) translate(0)}25%{opacity:.6;transform:scale(1.12,1.1) translate(-6px,5px)}50%{opacity:0;transform:scale(1.18,1.16) translate(-8px,7px)}75%{opacity:.6;transform:scale(1.12,1.1) translate(-6px,5px)}to{opacity:0;transform:scale(1) translate(0)}}#timeline{justify-content:center;text-align:center;width:100%}#timeline,.event{position:relative}.event{border-radius:1vmin;display:flex;flex-direction:row;padding:5% 0}.event:first-child{animation-delay:0}.event:nth-child(2){animation-delay:1s}.txt-box{border-radius:1vmin;box-shadow:0 7px 29px 0 #64646f33;font-family:"DM Serif Text",serif;font-size:90%;position:relative;width:100%}.txt-box>p{margin:auto;padding:1vmin}.txt-box .institute{border-bottom:1px solid #c8c8c8}.txt-box .caption{font-size:70%;font-style:italic}.txt-box:before{border:1px dashed #646464;content:"";position:absolute;right:100%;top:50%;width:40%;z-index:1}#axis{border-left:2px dashed #646464;left:52px;position:absolute;top:8%}.logo{align-items:center;display:flex;margin:auto 20% auto 7px;z-index:2}.logo,.logo img{position:relative}.logo img{background-color:#fff;border-radius:50%;width:2.5rem}.year{align-items:center;display:flex;font-family:"DM Serif Text",serif;font-size:80%;position:relative;top:25%}#photography,#soccer{display:flex;position:relative;width:100%}#soccer{align-items:center;height:80vh;justify-content:center}.grid-wrapper{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:repeat(2,1fr);height:100%;padding:0 5%}.grid-item{align-items:center;border-radius:1rem;box-shadow:0 5px 15px #00000059;display:flex;justify-content:center;overflow:hidden;position:relative}.grid-item video{cursor:pointer;height:100%;object-fit:cover;width:100%;z-index:1}#video-comment{align-items:center;background-color:#00000080;border-radius:1rem;display:flex;height:100%;opacity:0;position:absolute;width:100%}#video-comment.show{opacity:1;transition:all .5s ease-in-out;z-index:2}#video-comment p{color:#fff;font-family:"DM Serif Text",serif;margin:0;padding:0 8%}@media screen and (max-aspect-ratio:1/1){#soccer{height:85vh}.grid-wrapper{gap:0;grid-template-columns:1fr}.grid-item{height:90%;width:-webkit-fit-content;width:fit-content}}@media screen and (max-height:600px){#soccer{height:80vh}#video-comment p{font-size:small}}@media screen and (min-aspect-ratio:1/1) and (max-height:440px){#soccer{height:70vh;padding-top:15vh}.grid-item{height:100%}}#carousel{height:100%;overflow:hidden;position:relative;touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%}.carousel-card{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:.75rem;box-shadow:0 5px 15px #00000059;cursor:grab;height:100%;inset:0;position:absolute;width:100%}.carousel-card:active{cursor:grabbing}.carousel-overlay{background-image:linear-gradient(0deg,#c4c5c74d,#dcdddf33,#ebebeb1a);border-radius:1rem;box-shadow:0 8px 24px #959da533;color:#fff;font-family:"DM Serif Text",serif;left:6%;padding-bottom:.5rem;position:absolute;top:15%;width:32%}.carousel-overlay h3{font-size:3.2vh;letter-spacing:1px;margin:0;padding:6% 6% 2%}.carousel-overlay h1{font-size:5vh;letter-spacing:3px;margin:0;padding:0 6%}.carousel-overlay p{font-size:1rem;line-height:1.4;margin:0;padding:2% 6% 6%;text-shadow:1px 1px 2px #4040404d}#carousel-dots{bottom:5%;display:flex;gap:.5rem;justify-content:center;left:0;position:absolute;width:100%;z-index:10}#carousel-dots button{aspect-ratio:1;background-color:#737373cc;border:none;border-radius:50%;box-shadow:0 5px 15px #00000059;cursor:pointer;padding:0;width:.75rem}#carousel-dots button.selected{background-color:#ffffffe6}@media screen and (max-aspect-ratio:1/1){.carousel-overlay{left:5%;width:90%}}@media screen and (min-aspect-ratio:1/1) and (max-height:550px){.carousel-overlay{height:-webkit-fit-content;height:fit-content;left:4%;top:8%;width:48%}.carousel-overlay p{font-size:13px}}#footer{grid-gap:6px;align-items:center;background:linear-gradient(270deg,#fff,#ffffff1a 60%),linear-gradient(90deg,#ffffffe6,#ff00001a 40%),linear-gradient(90deg,#7300ff1a,#ffffff1a 40%);display:grid;gap:6px;grid-template-columns:repeat(2,1fr);margin-top:.5rem;padding:.5rem 0;position:relative;width:100%}.contact{grid-column:span 1;text-align:center}.contact a{color:#000c;font-size:1.8rem;padding:0 1rem;text-decoration:none;text-shadow:1px 1px 3px #0000004d}#copyright{color:#00000080;font-family:"DM Serif Text",serif;font-size:small;grid-column:span 1;margin:0;text-align:center}@media screen and (max-width:600px){#footer{grid-template-columns:repeat(1,1fr)}.contact{grid-row:1/span 1}}
/*# sourceMappingURL=main.f1df0254.css.map*/