*{box-sizing:border-box;font-size:20px}body{font-family:roboto-mono,monospace;font-style:normal;font-weight:200;margin:0}button{cursor:pointer}.about-section{align-items:center;display:flex;flex-direction:column;margin:0 20vw;scroll-margin-top:60px}@media screen and (max-width:450px){.about-section{margin:0 8vw}}@font-face{font-family:Victorianna;src:local("Victorianna"),url(../../static/media/vtf_victorianna_thin-webfont.c3b8b4f31aa6399b1246.ttf) format("truetype")}.font-face-gm{color:#3c00ff;font-family:Victorianna;font-size:3em;margin-block-end:0}p{font-family:roboto-mono,monospace;font-style:normal;font-weight:300}.rotate{animation:rotating 3s linear infinite;color:blue;font-size:larger}@keyframes rotating{0%{transform:rotate(0deg)}to{transform:transform(359deg)}}#root>div>div.content>div.project-section>div:nth-child(6){margin-bottom:5%}.card-button{background-color:#fff;border:.1px;border-radius:50%;box-shadow:inset 0 1px 0 5px rgba(45,57,133,.522);color:#2c3163;cursor:pointer;font-family:roboto-mono,monospace;font-size:medium;font-style:normal;font-weight:400;margin-bottom:5px;padding:8px;transition:.2s ease-in-out;width:75%}.card-button:hover{background:#2c3163;border:.5px solid rgba(149,159,223,.847);box-shadow:inset 0 1px 0 5px rgba(168,177,239,.733);color:#fff;font-size:1.2em}.italic{font-style:italic;transition:.5s ease-in-out}.bold{border-bottom:1px solid #a9a9a9}.card{width:60vmin}@media screen and (max-width:450px){.card{width:75vmin}p{font-size:3.5vmin}}*,:after,:before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{line-height:1.5;text-rendering:optimizeSpeed}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{display:block;max-width:100%}button,input,select,textarea{font:inherit}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}#root,.App,body,html{height:100%}@keyframes typing{0%{width:0}to{width:100%}}.dark-mode *,.dark-mode .LandingPage{background-color:#121212}.dark-mode .LandingPage{color:#bcbbbdd4;transition:.5s ease-in-out}.dark-mode .LandingPage span{color:hsla(0,0%,100%,.831)}.dark-mode .LandingPage .Typewriter>span{color:#ebe6ffd9}.dark-mode .header{background-color:#121212;border-bottom:1px solid #6c6c6cd4;color:hsla(0,0%,100%,.831)}.dark-mode .button-wrapper .navButton{background-color:#121212;border-left:1px solid #bcbbbdd4;border-right:1px solid #bcbbbdd4;border-top:1px solid #bcbbbdd4;color:hsla(0,0%,100%,.831);position:relative}.dark-mode .button-wrapper .navButton:hover{color:hsla(0,0%,100%,.831)}.dark-mode .font-face-gm,.dark-mode .home-button{color:#c2c7ffcc}.dark-mode .home-button{color:#bcbbbdd4}.dark-mode #about-link{color:hsla(0,0%,100%,.831)}.dark-mode .Card{border:1px solid #69666bd4}.dark-mode .Card .card-name{background-color:#252432;color:#fff}.dark-mode .card-button{background-color:hsla(0,0%,100%,.831);box-shadow:0 1px 0 5px #2d398585;color:#2b266b}.dark-mode .card-button:hover{background-color:#2b266b;box-shadow:0 1px 0 5px #6979e7c4;color:hsla(0,0%,100%,.831)}.dark-mode .ArtCard,.dark-mode .ArtCard-Modal{border:1px solid #4f4a59d4}.dark-mode .active-image-container{border-bottom:1px solid #bcbbbdd4}.dark-mode .thumbnail-container{border:1px solid #4f4a59d4}.dark-mode .modal,.dark-mode .modal button{color:hsla(0,0%,100%,.831)}.dark-mode .modal button{border:1px solid #bcbbbdd4}.dark-mode .modal button:active{border:1px solid #fff}.dark-mode .MobileNav,.dark-mode .MobileNav button{background-color:#121212;color:#bcbbbdd4}.dark-mode .MobileNav button button:hover,.dark-mode .MobileNav button:hover{color:hsla(0,0%,100%,.831)}@keyframes slide-in-dark{0%{opacity:0;top:100vh}70%{opacity:50%;top:0}to{border:1px solid #3434a5;box-shadow:inset 0 0 0 2px #3434a4,0 -10px 0 -3px #121212,0 -10px #40803e,0 -20px 0 -3px #121212,0 -20px #c0ab41,0 -30px 0 -3px #121212,0 -30px #b77c51,0 -40px 0 -3px #121212,0 -40px #b84444;opacity:100%;padding:40px 20px;top:2.5vh}}.dark-mode .slide-in{animation:slide-in-dark 2.8s;animation-fill-mode:forwards}.dark-mode .Dark-Mode .App{background:#121212}.App{text-align:center}.header{background-color:#fff;border-bottom:1px solid #000;font-size:1.5em;justify-content:space-between;padding-left:2%;padding-right:2%;position:sticky;width:100%}.header,.header .button-wrapper{align-items:flex-end;display:flex;flex-direction:row}.header .button-wrapper{gap:.8em;padding-bottom:1px}.home-button{background:none;border:0;bottom:-22px;color:#3c00ff;cursor:pointer;font-family:Victorianna;font-size:3em;position:relative}@media screen and (min-width:800px){.home-button{font-size:3.3em;padding-right:0}}.button-wrapper .navButton{background:none;border:0;border-left:1px solid #000;border-right:1px solid #000;border-top:1px solid #000;cursor:pointer;font-family:roboto-mono,monospace;font-size:3vmin;font-style:normal;font-weight:300;padding:5px}.button-wrapper .navButton:hover{transform:translateY(2.4px);transition:.2s ease-in-out}.button-wrapper .navButton:active{opacity:60%}@media only screen and (max-width:700px){.header{display:none}}.MobileNav{background-color:#fff;display:none;position:sticky;top:0}.MobileNav button{background-color:#fff;border:0;border-bottom:1px solid #000;color:#000;display:flex;font-size:2em;justify-content:center;padding:.8em 0;width:100%}@media only screen and (max-width:700px){.MobileNav{display:flex}.MobileNav button{color:#000}}.dropdown{flex-direction:column}.dropdown,.not-expanded{align-items:center;display:flex;width:100%}.not-expanded{border-bottom:1px solid #000;box-sizing:border-box;justify-content:space-between}.not-expanded button{border-bottom:0;font-size:1.5em;justify-content:flex-end;padding-right:5%}.not-expanded p{flex-grow:2;font-size:1.3em;justify-content:flex-start;padding-left:5%;text-align:left;white-space:nowrap;width:100%}.not-expanded div{display:flex;flex-direction:row;gap:5%;padding-right:10px}.ArtCard{display:flex;flex-direction:column;height:fit-content;transition:.3s ease-in-out;width:42.5vw}.ArtCard:hover{transform:scale(.99)}.active-img{animation:fadein 1.2s;background-color:#fff;height:100%;object-fit:cover;transition:.3s ease-in-out;width:100%}.active-image-container{align-items:center;border:0;border-bottom:1px solid purple;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;padding:0;transition:1s ease-in}.thumbnail-container{border:.5px solid purple;display:flex;flex-direction:row;gap:2em;justify-content:center;padding:.5em 0}.thumbnail-container button{border:0;border-radius:100%;cursor:pointer;height:2.5em;padding:2px;width:2.5em}.thumbnail-container button:hover{border:2px solid purple}.thumbnail-container img{border-radius:100%;height:100%;object-fit:cover;width:100%}@media only screen and (max-width:600px){.ArtCard{width:100%}.lr{width:80vw}}@media only screen and (min-width:1100px){.ArtCard{width:100%}.lr{width:80vw}}.hidden{display:none}@keyframes fadein{0%{opacity:0}to{opacity:1}}.ArtCard-Modal .active-img :hover{opacity:1;transform:none}.ArtPage{flex-direction:row;justify-content:center;padding:5% 7%}.ArtPage,.lr{display:flex;gap:2em}.lr{flex-direction:column}@media only screen and (max-width:600px){.ArtPage{align-items:center;flex-direction:column}.lr{width:80vw}}.modal{align-items:flex-start;display:flex;gap:5%;height:100%;justify-content:center;max-height:100%;padding-left:5%;padding-right:5%}.modal img{max-height:70vh;object-fit:contain}.modal .left{display:flex;flex-direction:column;gap:10px;height:100%;max-width:70%}.modal button{background:none;border:1px solid #000}.modal-img-container{display:flex;flex-direction:column}@media only screen and (max-width:1000px){.modal{align-items:center;flex-direction:column;gap:20px}.modal button{color:#000;height:100%}.modal .left{flex-direction:row;gap:10%}.modal .left>button{height:50%}.modal p{font-size:smaller}.modal img{max-height:60vh}}@media only screen and (max-width:450px){.modal{padding-top:5%}}.about-section{font-size:16px;position:absolute}.slide-in{animation:slide-in 2.8s;animation-delay:2.5s;animation-fill-mode:forwards;display:flex;flex-direction:column;gap:10px;position:relative;top:100vh;transition:ease-in-out}.slide-in :first-child{margin:0 20px;padding-bottom:1%}.slide-in p{font-size:.8rem;margin-block-end:0}.float{background-color:#add8e6;height:100%;width:100vw;z-index:-1}#greeting{color:#3c00ff;font-family:Victorianna;margin-block-end:2em;margin-block-start:1em}#greeting span{font-size:3.815rem}@media only screen and (max-width:900px){#greeting span{font-size:3.815rem}}@media only screen and (max-width:450px){.slide-in p{font-size:.8em}}.about-link{animation:to-purple 1s;transition:ease-in}@keyframes to-purple{0%{color:#000}to{color:purple}}@keyframes slide-in{0%{opacity:0;top:100vh}70%{opacity:50%;top:0}to{border:1px solid blue;box-shadow:inset 0 0 0 2px blue,0 -10px 0 -3px #fff,0 -10px #1fc11b,0 -20px 0 -3px #fff,0 -20px #ffd913,0 -30px 0 -3px #fff,0 -30px #f55,0 -40px 0 -3px #fff,0 -20px #f55;opacity:100%;padding:40px 20px;top:2.5vh}}.LandingPage{align-items:center;display:flex;flex-direction:column;padding-top:3.5%}@media only screen and (max-width:450px){#greeting{font-size:2.8em;font-weight:900}}.Card{border:1px solid #000;max-width:600px;transition:.3s ease-in-out;width:70%}.Card:hover{transform:scale(.99)}.Card .gifs{cursor:pointer;display:flex;width:100%}.Card .gifs:hover{opacity:120%}.Card .card-name{border-bottom:1px solid #000;border-top:1px solid #000;font-family:roboto-mono,"monospace";font-size:larger;font-style:normal;font-weight:500;padding:10px 0}.Card .card-text{padding:10px 50px 15px}.Card .button-container{align-items:center;display:flex;flex-direction:column;gap:.5em;justify-content:center;padding-bottom:2em}@media only screen and (min-width:800px){.Card{height:100%;max-width:550px;width:100%}.button-container{height:100%}.button-container,.card-bottom{display:flex;flex-direction:column}.card-bottom{justify-content:stretch}}.Projects{gap:20px;padding-bottom:20px;scroll-margin-top:60px}.Projects,.cards{align-items:center;display:flex;flex-direction:column}.cards{gap:35px}@media only screen and (min-width:1150px){.cards{grid-gap:30px;grid-column-gap:50px;display:grid;grid-template-columns:repeat(2,1fr)}.Projects{padding-left:5%;padding-right:5%}}
/*# sourceMappingURL=main.e93efbcc.css.map*/