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;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{font-family:Monda,sans-serif}h1{font-size:50px}h1,h2{font-weight:inherit}h2{font-size:40px}h3{font-size:30px;font-weight:inherit}h4{font-size:20px}h4,h5{font-weight:inherit;margin:0}h5{font-size:18px}h6{font-size:16px;font-weight:inherit;margin:0}button{border:0;display:block;padding:0}a{color:#000;text-decoration:none}a[href^=http]{color:teal}.link,a[href^=http]{text-decoration:underline}.ibook-container{height:100%;position:absolute;-webkit-transform:rotate(2deg) translateY(-5px);transform:rotate(2deg) translateY(-5px);width:100%}.ibook-spine{background-color:#450025;display:grid;height:calc(100% + 15px);left:calc(50% - 7.5px);position:absolute;top:-15px;width:15px;z-index:100}.page{height:100%;margin:0;position:absolute}.page .pageheader{height:100%;width:100%;z-index:auto}.page .pageheader .pagetitle{background-color:#c4c4c4;display:flex;height:70px;position:absolute;top:calc(30% - 35px);width:80%}.page .pageheader .pagetitle-icon{height:50px;margin:auto -5% auto auto;width:25%}.page .pageheader .pagetitle-text{align-self:center;font-family:Love Ya Like A Sister,cursive;font-size:90px;text-align:center;width:75%}.page .pageheader .pagelogo{margin:10% 30% 0;width:40%}.page .pageheader.bookmark .pagetitle{background-color:#dadada;cursor:pointer;height:40px;margin-top:calc(var(--index)*55px + 15px);width:-webkit-max-content;width:max-content;z-index:90}.page .pageheader.bookmark .pagetitle:focus .pagetitle-text,.page .pageheader.bookmark .pagetitle:hover .pagetitle-text{display:block;font-size:20px;margin:auto 10px}.page .pageheader.bookmark .pagetitle-icon{height:35px;margin:auto 10px;width:35px}.page .pageheader.bookmark .pagetitle-text{display:none;margin:auto}.leftpage{border-radius:5px 0 0 5px;box-shadow:-2px 2px 2px 0 #000;margin-left:calc(15px*(var(--index) + 1));overflow-x:hidden;overflow-y:auto;width:calc(50% - 15px*(var(--index) + 1))}.rightpage{border-radius:0 5px 5px 0;box-shadow:2px 2px 2px 0 #000,0 1px 0 1px #000;left:50%;margin-right:calc(15px*(var(--index) + 1));width:calc(50% - 15px*(var(--length) - var(--index)))}.rightpage .pagetitle{right:0}.ibook-curr-page .leftpage{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transform-origin:right;transform-origin:right;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.ibook-curr-page .leftpage .pagetitle{height:50px;left:20%;position:absolute}.ibook-curr-page .leftpage .pagetitle .pagetitle-text{bottom:-20px;position:absolute}.ibook-curr-page .leftpage .container{bottom:50px;font-family:Love Ya Like A Sister,cursive;left:50px;position:absolute;right:50px;top:40%}.ibook-curr-page .rightpage{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transform-origin:left;transform-origin:left;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.ibook-curr-page .flip-left .rightpage,.ibook-curr-page .rightpage{transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.ibook-curr-page .flip-left .rightpage{-webkit-transform:rotateY(90deg);transform:rotateY(90deg);-webkit-transform-origin:left;transform-origin:left;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.ibook-curr-page .flip-left .leftpage{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}.ibook-curr-page .flip-left .leftpage,.ibook-curr-page .flip-right .leftpage{transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.ibook-curr-page .flip-right .leftpage{-webkit-transform:rotateY(90deg);transform:rotateY(90deg);-webkit-transform-origin:right;transform-origin:right;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.ibook-curr-page .flip-right .rightpage{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.page-0{background:#fff6df}.page-0.rightpage{background:#cfa8d9}.page-1,.page-1 .pageheader .pagetitle{background:#ff008a}.page-1 .pageheader .pagetitle .pagetitle-text{color:#2fea00;mix-blend-mode:multiply}.page-2{background:#ff6060}.page-2 .pageheader .pagetitle{background:#ad00ff}.page-2 .pageheader .pagetitle .pagetitle-text{color:#60f3bd;mix-blend-mode:screen}.page-3{background:#450025}.page-3 .pageheader .pagetitle{background:radial-gradient(43.8% 42.19% at 54.42% 50%,#82cbff 0,hsla(46,81%,81%,0) 100%,hsla(0,0%,100%,0) 0);height:200px;margin-left:-20%;margin-top:-80px;width:100%}.page-3 .pageheader .pagetitle .pagetitle-text{bottom:50px;color:#d1b78e;left:20%;mix-blend-mode:color-dodge}.inote-container{background-color:#fff;min-height:100%;width:100%}.inote-container .inote-spine{background-color:#b8b8b8;display:flex;height:15px;overflow-x:hidden;position:fixed;top:0;width:calc(100% + 15px);z-index:100}.inote-container .inote-spine *{background-color:#b8b8b8;border-radius:15px;height:50px;position:fixed;top:0;width:15px}.inote-container .inote-spine-1{margin-left:calc(16.67% - 7.5px)}.inote-container .inote-spine-2{margin-left:calc(33.33% - 7.5px)}.inote-container .inote-spine-3{margin-left:calc(50% - 7.5px)}.inote-container .inote-spine-4{margin-left:calc(66.67% - 7.5px)}.inote-container .inote-spine-5{margin-left:calc(83.33% - 7.5px)}.inote-container .inote-navbar{width:100%;z-index:1}.inote-container .inote-navbar .inote-menu{background-color:transparent;min-height:100%;padding-top:50px;position:fixed;top:0;width:83.33%}.inote-container .inote-navbar .inote-menu-item{display:flex;margin-bottom:15px;min-height:50px}.inote-container .inote-navbar .inote-menu-item .inote-title{align-self:center;font-family:Monda,sans-serif;font-size:20px;margin-left:20px}.inote-container .inote-navbar .inote-menu-item .inote-icon{height:-webkit-min-content;height:min-content;margin-left:10%;position:inherit;width:20%;z-index:2}.inote-container .inote-navbar .inote-menu-item .inote-icon img{align-self:center;display:block;height:auto;justify-self:center;margin:10%;max-height:70px;object-fit:contain;width:80%}.inote-container .inote-navbar .inote-menu-item-selected .inote-icon{background-color:#fff;border-radius:50%;box-shadow:inset 0 0 0 1px gray}.inote-container .inote-navbar .inote-menu-item-selected .inote-title{font-size:30px;font-weight:700;text-decoration:underline}.inote-container .inote-navbar .inote-menu-open{background-color:#e5e5e5;z-index:1}.inote-container .inote-button,.inote-container .inote-navbar .inote-menu-open .inote-menu-item{cursor:pointer}.inote-container .inote-curr-page{bottom:0;overflow-x:hidden;overflow-y:scroll;position:fixed;top:125px;width:100%}.inote-container .inote-curr-page .aboutme-intro{margin-left:10px}.inote-container .inote-curr-page .edu-left-container,.inote-container .inote-curr-page .project-left-container{align-items:center;margin:0 10px}.inote-container .inote-curr-page .project-right-container{align-items:center;margin-left:20px}.inote-container .inote-curr-page .project-right-container .project-descrip-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.inote-container .inote-curr-page .contact-left-container{text-align:center}.inote-container .inote-curr-page .fun-right-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0 10px;width:calc(100% - 20px)}.inote-container .inote-curr-page .fun-right-container .fun-row{height:auto}.inote-container .inote-curr-page .fun-right-container .fun-row .fun-description{width:100%}.inote-container .pageheader{position:absolute;right:0;top:60px;z-index:-1}.inote-container .pageheader .pagetitle{background:#c4c4c4;border-radius:5px 0 0 5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.inote-container .pageheader .pagetitle-text{font-size:30px;margin:0 10px}@-webkit-keyframes ripple{0%{opacity:1;-webkit-transform:scale3d(.1,.1,1);transform:scale3d(.1,.1,1)}to{opacity:0;-webkit-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1)}}@keyframes ripple{0%{opacity:1;-webkit-transform:scale3d(.1,.1,1);transform:scale3d(.1,.1,1)}to{opacity:0;-webkit-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1)}}.leftpage{display:flex}.rightpage.page-0{box-shadow:0 0 0 1px #fff;width:calc(50% - 15px);z-index:95}.cover-left-container{align-self:center;font-family:Monda,sans-serif;padding:0 50px}.cover-left-container .cover-greeting{font-size:50px}.cover-left-container .cover-message{font-size:30px}.cover-left-container .cover-signature{font-size:50px;text-align:right}.cover-right-container .cover-icon{margin:5% 30%;width:40%}.cover-right-container .cover-button{background-color:hsla(0,0%,100%,.5);border-radius:50%;cursor:pointer;display:block;margin:auto;padding-top:30%;position:relative;width:30%}.cover-right-container .cover-button:after{-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:cubic-bezier(.65,0,.34,1);animation-timing-function:cubic-bezier(.65,0,.34,1)}.cover-right-container .cover-button:after,.cover-right-container .cover-button:before{align-items:center;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-name:ripple;animation-name:ripple;border:50px solid rgba(0,0,0,.2);border-radius:100%;bottom:0;content:"";flex-direction:row;height:100%;justify-content:center;left:-50px;position:absolute;right:0;top:-50px;width:100%;z-index:-1}.cover-right-container .cover-button:before{-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:cubic-bezier(.65,0,.34,1);animation-timing-function:cubic-bezier(.65,0,.34,1)}.aboutme-left-container .aboutme-intro{background:#e5e5e5;border:10px solid #b8b8b8;border-radius:15px;margin:10px 10px 10px 0;padding:15px}.preface-left-container .preface-arrow{left:calc(20% - 30px);right:-50px;top:calc(-16.66% - 45px)}.preface-left-container .preface-arrow,.preface-right-container .preface-arrow{background:#ff008a;height:50px;position:absolute;-webkit-transform:rotate(-2deg);transform:rotate(-2deg);-webkit-transform-origin:left;transform-origin:left;z-index:-1}.preface-right-container .preface-arrow{top:calc(30% - 50px);width:50%}.preface-right-container .preface-arrow-lower{background:#ff008a;height:50px;position:absolute;top:calc(30% - 35px);-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:left;transform-origin:left;width:50%;z-index:-1}.preface-right-container .photo-container{background:#ff008a;height:calc(50% - 50px);margin-left:40%;margin-top:25px;position:absolute}.preface-right-container .photo-container .selfie{height:90%;margin-left:5%;margin-top:5%;max-height:90%;max-width:90%;object-fit:contain;width:90%}.preface-right-container .education-container{background:#ffddef;border-radius:5px;bottom:50px;box-shadow:inset 0 0 4px 1px rgba(0,0,0,.5);font-size:20px;left:50px;overflow-y:auto;position:absolute;right:50px;top:calc(50% + 25px)}.preface-right-container .education-container .education{padding:2.5%}.preface-right-container .education-container .education ul{margin:0}.preface-right-container .link{color:#ff008a;font-weight:700}.edu-left-container .edu-row .edu-title{font-size:20px}.edu-left-container .edu-row .edu-majors .edu-major{cursor:pointer;display:flex;font-size:18px;margin:5px 0 0 5px}.edu-left-container .edu-row .edu-majors .edu-major .edu-major-name{text-decoration:underline}.edu-left-container .edu-row .edu-majors .edu-major-pointer{margin-right:10px}.edu-left-container .edu-row .edu-majors .edu-major-selected{font-weight:700}.edu-left-container .edu-row .edu-info{font-size:18px;margin-top:5px}.edu-right-container{font-family:Monda,sans-serif;height:auto;margin:40px 20px 40px 70px}.edu-right-container .edu-major-name{font-size:20px;font-weight:700;text-decoration:underline}.edu-right-container .edu-major-courses{margin-top:20px}.edu-right-container .edu-major-courses .course-row{margin-bottom:5px}.edu-right-container .edu-major-courses .course-row .course-title{cursor:pointer;display:flex;font-size:18px}.edu-right-container .edu-major-courses .course-row .course-title-pointer{margin:0 10px}.edu-right-container .edu-major-courses .course-row-selected .course-title{font-weight:700}.edu-right-container .edu-major-courses .course-row-selected .course-info{font-size:16px;margin:10px 30px}.project-left-container{font-family:Monda,sans-serif}.project-left-container .project-row{margin-bottom:10px}.project-left-container .project-row .project-overview{cursor:pointer;display:flex;font-size:20px;text-align:left}.project-left-container .project-row .project-overview .project-pointer{margin-right:10px}.project-left-container .project-row .project-info{font-size:16px}.project-left-container .project-row-selected .project-pointer,.project-left-container .project-row-selected .project-title{font-weight:700}.project-left-container .project-title-cards{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(2,1fr);height:80%}.project-left-container .project-title-cards *{font-family:Love Ya Like A Sister,cursive}.project-left-container .project-title-cards .project-title-card{background:#60f3bd;cursor:pointer;position:relative;text-align:center;top:0;transition:top .4s ease}.project-left-container .project-title-cards .project-title-card .project-titles-wrapper{margin:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.project-left-container .project-title-cards .project-title-card .project-titles-wrapper .project-title{font-size:36px}.project-left-container .project-title-cards .project-title-card .project-titles-wrapper .project-subtitle{font-size:18px}.project-left-container .project-title-cards .project-title-card-selected{background:#ad00ff;color:#fff;font-weight:700;top:-5px}.project-left-container .project-title-cards #project-title-card-0{-webkit-transform:rotate(3deg);transform:rotate(3deg)}.project-left-container .project-title-cards #project-title-card-1{-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}.project-left-container .project-title-cards #project-title-card-2{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}.project-left-container .project-title-cards #project-title-card-3{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.project-right-container{height:calc(100% - 40px);margin:20px 20px 20px 60px}.project-right-container .project-img-container{box-shadow:inset 0 0 4px 1px rgba(0,0,0,.5);display:grid;height:250px;margin:20px;position:absolute}.project-right-container .project-img-container .project-img{align-self:center;height:90%;justify-self:center;max-height:90%;max-width:90%;object-fit:contain;width:90%}.project-right-container .project-descrip-container{font-family:Monda,sans-serif;font-size:16px;height:calc(100% - 330px);margin-left:20px;margin-right:40px;margin-top:290px;overflow-y:auto;position:absolute}.project-right-container .column-wrapper{display:flex;height:100%;overflow:auto}.project-right-container .column-wrapper .column{display:flex;flex:50% 1;flex-direction:column;justify-content:space-between;margin-right:25px;width:calc(50% - 25px)}.project-right-container .column-wrapper .empty-logo-card{background:#000;opacity:50%;padding-top:100%}.project-right-container .column-wrapper .project-logo-card .project-logo{display:block;width:100%}.project-right-container .column-wrapper .project-gap{background:#ff6060;height:100%;margin-bottom:25px;margin-top:25px}@-webkit-keyframes tilty_1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}75%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes tilty_1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}75%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes tilty_2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}75%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes tilty_2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}75%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.contact-left-container .contact-left-bg{height:calc(100% - 100px);position:fixed;right:15px;top:50px;z-index:-1}.contact-right-container .contact-map-wrapper{aspect-ratio:7/8;height:calc(100% - 100px);left:15px;position:fixed;top:50px}.contact-right-container .contact-map-wrapper .contact-right-bg{position:absolute}.contact-right-container .contact-map-wrapper .github_icon{-webkit-animation:tilty_1 7s infinite;animation:tilty_1 7s infinite;height:39.58%;left:9.16%;position:absolute;top:7.6%;-webkit-transform:rotate(5.38deg);transform:rotate(5.38deg)}.contact-right-container .contact-map-wrapper .linkedin_icon{-webkit-animation:tilty_2 3s infinite;animation:tilty_2 3s infinite;height:12.5%;left:20.95%;position:absolute;top:58.55%;-webkit-transform:rotate(10.39deg);transform:rotate(10.39deg)}.contact-right-container img{height:100%}.fun-right-container{height:calc(100% - 100px);margin:50px;width:calc(100% - 100px)}.fun-right-container .fun-row{display:flex;height:calc(33.33% - 20px);padding:10px;width:calc(100% - 20px)}.fun-right-container .fun-row .fun-img-container{width:40%}.fun-right-container .fun-row .fun-img-container .fun-img{height:100%;object-fit:contain;width:100%}.fun-right-container .fun-row .fun-descrption{align-self:center;font-family:Monda,sans-serif;font-size:16px;margin:10px;width:60%}.fun-right-container .fun-row .fun-descrption .fun-title{font-size:20px;font-weight:700}.fun-right-container .fun-row:nth-child(2n){text-align:right}
/*# sourceMappingURL=main.5292a706.css.map*/