@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;text-align:center}#hero,#waves{position:relative;width:100%}#waves{height:60vh;overflow:hidden;top:10vh}div.wave{background:url(/static/media/tape.4cb1cc50acba5f23dfe3.png);background-repeat:repeat-x;background-size:100% 60%;height:100%;position:absolute;width:100%}.tape1{animation:wave 23s linear infinite alternate;animation-delay:0;opacity:.1;z-index:4}.tape2{animation:wave2 29s linear infinite alternate-reverse;animation-delay:-3;opacity:.3;top:5vmin;z-index:3}.tape3{animation:wave 19s linear infinite alternate;animation-delay:-2s;opacity:.3;top:10vmin;z-index:2}.tape4{animation:wave2 37s linear infinite alternate-reverse;animation-delay:-1s;opacity:.2;top:15vmin;z-index:1}@keyframes wave{0%{background-position-x:0}to{background-position-x:100vmin}}@keyframes wave2{0%{background-position-x:0}to{background-position-x:-100vmin}}#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}.profile-item>#profile-img{animation:rippleEdge 2.4s linear infinite alternate;aspect-ratio:3/4;background-image:url(/static/media/profile-pic.ca7765b7da6f9a41b62f.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:64% 36% 50% 50%/68% 62% 38% 32%;width:90%}.profile-item>#profile-img:hover{border-radius:55% 45% 50% 50%/51% 44% 56% 49%;cursor:pointer}@keyframes rippleEdge{0%{box-shadow:6px -7px #fff,8px -8px 0 2px #ff00004d,18px -17px #fff,19px -19px 0 2px #f009,-12px 12px #fff,-15px 15px 0 2px #f003,-12px 12px #fff,-15px 15px 0 2px #f003}to{box-shadow:11px -11px #fff,13px -13px 0 2px #f003,11px -11px #fff,13px -13px 0 2px #f003,-7px 8px #fff,-9px 9px 0 2px #ff00004d,-19px 18px #fff,-20px 20px 0 2px #f009}}#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}}#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{overflow:hidden;position:relative;width:100%}#carousel-wrapper{align-items:center;cursor:grab;display:flex;height:100%;width:100%}#carousel-wrapper:active{cursor:grabbing}.carousel-overlay{background-image:linear-gradient(0deg,#c4c5c74d,#dcdddf33,#ebebeb1a);border-radius:1rem;box-shadow:0 8px 24px #959da533;font-family:"DM Serif Text",serif;left:6%;position:relative;top:15%;width:32%}.carousel-overlay h3{color:#fff;font-size:3.2vh;letter-spacing:1px;margin:0;padding:6% 6% 2%}.carousel-overlay h1{color:#fff;font-size:5vh;letter-spacing:3px;margin:0;padding:0 6%}.carousel-overlay p{color:#fff;margin:0;padding:2% 6% 6%;text-shadow:1px 1px 2px #4040404d}.carousel-card{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:.75rem;box-shadow:0 5px 15px #00000059;flex-shrink:0;height:100%;width:100%}#carousel-dots{bottom:5%;display:flex;gap:.5rem;justify-content:center;min-height:0;position:absolute;width:100%}#carousel-dots button{aspect-ratio:1/1;background-color:#737373cc;border-radius:50%;border-width:0;box-shadow:0 5px 15px #00000059;cursor:pointer;padding:0;width:.75rem}#carousel-dots button:active{box-shadow:inset 0 -23px 25px 0 #0000002b,inset 0 -36px 30px 0 #00000026,inset 0 -79px 40px 0 #0000001a,0 2px 1px #0000000f,0 4px 2px #00000017,0 8px 4px #00000017,0 16px 8px #00000017,0 32px 16px #00000017}#carousel-dots button.selected{background-color:#fffc}@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.0c2ce115.css.map*/