.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.navbar{align-items:center;background-color:initial;background-color:#fff;display:flex;height:7vh;position:fixed;top:0;width:100%;z-index:100}.shrinkbutton{border:none;border-radius:50%;height:6vh;position:fixed;top:.9vh;width:6vh;z-index:1000}.shrinkbutton:hover{animation:colors 2s infinite}.shrinkbutton:active{background-color:blue;outline:none}.feature{flex:1 1;font-size:1.3rem;opacity:1;padding:0}.features{display:flex;font-size:5vh;justify-content:space-between;padding:0 1.5vw;width:100%}.link1,.link2,.link3,.link4,.link5{color:#000;text-decoration:none}.link1:hover{color:blue}.link2:hover{color:red}.link3:hover{color:#ff0}.link4:hover{color:green}#name{flex:7 1;font-size:1.5em;padding-left:2vw}h1{font-family:Computer-Modern,sans-serif}@font-face{font-family:Computer-Modern;font-style:normal;font-weight:400;src:url(/static/media/brightRoman.cf09af08bf0bf4996d17.ttf) format("truetype")}@keyframes fade{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media screen and (max-width:820px){.feature{font-size:.5em;padding-left:3vw;padding-right:3vw}.link1{font-size:small}}.icon{color:gray;font-size:3vw;padding:1.5vw}.icon:hover{color:blue}.contactcontainer{display:flex;height:5vw;justify-content:center;width:100vw}@media screen and (max-width:820px){.icon{color:gray;font-size:7vw}.contactcontainer{display:flex;height:5vw;justify-content:center;padding-bottom:5vh;width:100vw}}.aboutcontainer,.title{font-size:2.5em;text-align:center}.aboutcontainer{background-color:blue;color:#fff;height:95vh;padding:5vh}.imgcontainer{min-width:42vw;padding-right:5vw}.identity{justify-content:center;word-spacing:3vw}.projectcontainer{width:100vw}.moreme{color:#fff;font-size:.68em;padding-top:0;text-decoration:none}#cover{background-position:50%;background-size:cover;height:120vh}#math{color:blue}#coder{color:red}#runner{color:#ff0}#student{color:green}#knowme{background-color:red;border-color:none;border-radius:7vh;flex-direction:column;height:10vh;margin-bottom:0;width:15vw}#knowme,#knowmecontainer{display:flex;justify-content:center}#knowmecontainer{margin-top:5vh;width:100%}#lol{background-color:blue;height:1000vh}#matthew{animation:zoomIn 1s;font-family:Bebas Neue,Anton,League Spartan,sans-serif;letter-spacing:2px}.identity{animation-delay:2s;animation:slideIn 5s;display:flex;flex-wrap:wrap;margin:0 auto;overflow:hidden;white-space:nowrap}@keyframes zoomIn{0%{transform:scale(30)}to{transform:scale(1)}}@keyframes slideIn{0%{width:0}to{width:100%}}@media screen and (max-width:820px){.aboutcontainer,.title{font-size:1.5em}.identity{animation-delay:2s;animation:slideIn 5s;display:flex;flex-direction:column;flex-wrap:wrap;margin:0 auto;overflow:auto;text-align:center;white-space:nowrap}#knowme{border-radius:2vw;height:10vh;width:30vw}h4{font-size:medium}}.intro-section{align-items:center;background-color:blue;color:#fff;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:6rem 2rem;position:relative}.intro-section:before{animation:moveGlow 8s infinite alternate;background:radial-gradient(circle at 30% 30%,#fff3,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes moveGlow{0%{transform:translate(0)}to{transform:translate(10%,10%)}}@keyframes colors{0%{background-color:blue}25%{background-color:red}50%{background-color:#ff0}75%{background-color:green}}.intro-content{align-items:center;display:flex;flex-direction:row;gap:5rem;max-width:1200px;width:100%;z-index:2}.intro-text{flex:1 1;font-family:Bebas Neue,Anton,League Spartan,sans-serif;text-align:left}.intro-title{color:#fff;font-size:4.5rem;font-weight:900;letter-spacing:4px;text-shadow:0 0 15px #fff6,0 0 40px #09f6}.intro-subtitle{color:#fff;font-size:1.3rem;font-weight:600;margin-top:.5rem}.intro-desc{color:#fff;font-size:1.1rem;line-height:1.8;margin-top:2rem;max-width:520px}.intro-button{animation:colors 1s infinite;border:2px solid #0af;border-radius:10px;box-shadow:0 0 15px #00ccff4d;color:#fff;display:inline-block;font-weight:700;margin-top:2.5rem;padding:.9rem 2rem;text-decoration:none;transition:.3s ease}.intro-button:hover{box-shadow:0 0 25px #00ccffb3;transform:scale(1.05) translateY(-3px)}.intro-image{display:flex;flex:1 1;justify-content:center}.intro-image img{border:4px solid #00bfff;border-radius:50%;box-shadow:0 0 40px #0099ff80;height:320px;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease;width:320px}.intro-image img:hover{box-shadow:0 0 60px #0cfc;transform:scale(1.05) rotate(1deg)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.intro-image img{animation:float 4s ease-in-out infinite}@media (max-width:900px){.intro-content{flex-direction:column-reverse;gap:2.5rem}.intro-content,.intro-text{text-align:center}.intro-title{font-size:3rem}.intro-image img{height:220px;width:220px}.intro-button{width:auto}}.scroll-btn-container{display:flex;height:50vh;justify-content:center;width:100%}.scroll-down-btn{background:none;border:none;border-radius:50%;bottom:4vh;box-shadow:0 0 10px #fff6;color:blue;cursor:pointer;font-size:5rem;font-weight:900;height:55px;transform:translateY(-100%);transition:.3s ease;width:55px}.scroll-down-btn:hover{background-color:#fff3;transform:translateX(-50%) scale(1.1)}h1{text-align:center}.profile{margin:auto}.aboutdetailscontainer{color:#fff;display:flex;flex-direction:column;justify-content:center;padding:5vh}.abouttext{color:#000;font-size:2em;margin:auto;padding-top:5vh;text-align:center;width:60vw}.hobbycontainer{color:#000;display:flex;flex-direction:column;justify-content:center;padding:5px}.generallink{color:blue;text-decoration:none}.generallink:hover{animation:colorChange 4s infinite}@keyframes colorChange{0%{color:blue}25%{color:red}50%{color:green}75%{color:#ff0}to{color:blue}}#abouttitle{margin-top:17vh}#hobbytitle{font-size:1.5em;font-weight:3em;text-align:center;width:100%}#me{height:50vh}#me,#tsp{border-radius:2vw}#tsp{height:80vh}@media screen and (max-width:768px){.abouttext{font-size:1em;width:80vw}img{width:80vw};}.outsiderlink{color:blue;text-decoration:none}.outsiderlink:hover{animation:colorChange 4s infinite}.aboutimg{border:2px solid blue;border-radius:30px;max-width:80vw}.projectcontainer{background-color:initial;display:flex;flex-wrap:wrap;height:1vh;margin:auto;padding:0;width:86vw}.column{flex:50% 1;margin:0;padding:0;vertical-align:top}.link{padding-top:10px}.project,.wholeproject{overflow:hidden}.project{max-width:43vw;position:relative}.project img{width:100%}.project:hover .layer{transform:TranslateX(43vw)}.layer{height:100%;left:-43vw;opacity:100%;position:absolute;top:0;transition:transform 1s;width:100%}.link{font-size:3em}#contents{color:#fff;display:block;height:60%;opacity:1;overflow:auto;overflow-x:hidden;padding:5vh;text-align:center;z-index:3213}@media screen and (max-width:820px){.project{max-width:100%}.title{font-size:2em}.column{flex:100% 1}.layer{height:100%;left:-100vw;opacity:100%;position:absolute;top:0;transition:transform 1s;width:100%}.project:hover .layer{transform:TranslateX(100vw)}#contents{color:#fff;font-size:smaller;height:100%;opacity:1;padding:0;text-align:center;z-index:3213}}.warning{color:red;display:flex;justify-content:center;width:100%}.blogh1,.warning{text-align:center}.blogh1{color:#000;font-size:3em;padding:5vh 5vw 0}.blogh2{font-size:2em;padding:0 5vw;text-align:center}.blogh3{font-size:1.5em}.blogh3,.blogh4{color:#000;padding:0 5vw;text-align:center}.blogh4{font-size:1.2em}.blogp{color:#000;font-size:1.5em;padding:0 5vw;text-align:center}
/*# sourceMappingURL=main.e0ae0b9c.css.map*/