@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Baskervville+SC&family=DM+Serif+Text:ital@0;1&family=Overpass:ital,wght@0,100..900;1,100..900&family=Press+Start+2P&display=swap";@import"https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&display=swap";#root{padding:20px;text-align:center;margin:0}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.read-the-docs{color:#888}.link-div{border:2px white solid;border-radius:10px}.nav-button{margin:100px;font-family:"DM Serif Text",serif,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:4vh;background-color:transparent;border:0;border-radius:10px;box-shadow:#fff;transition:transform .3s ease,box-shadow .3s ease}.nav-button:hover{color:#000;text-shadow:rgb(0,255,207) 0px 0 7px}.active{color:#00ffcf}@media (max-width: 810px){.link-div{width:100%}.nav-button{margin:10px;font-size:1.5rem}}.footer{font-size:2vh;text-align:left;font-family:Pixelify Sans,sans-serif;width:97%;display:flex;justify-content:space-between;position:relative;bottom:0}@media (max-width: 480px){.footer{font-size:.5rem;display:flex;justify-content:space-around;align-items:flex-end}.react-image{width:20px}}:root{font-family:"DM Serif Text",serif,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}body{background:#000;min-width:320px;min-height:100vh}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.about{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:0 70px}.card{border-radius:55px;padding:50px;box-shadow:-10px 10px 20px gray;transform:translate(10px,-10px)}.mike_image{filter:grayscale();display:inline;width:500px;border-radius:40px}.about-p{font-family:Roboto Mono,monospace;font-size:4vh;line-height:6vh;display:inline}@media (max-width: 810px){.card{padding:20px}.about-michael{font-size:2.5rem}.about{grid-template-columns:1fr;padding:0}.mike_image{width:100%}.about-p{font-size:1rem;line-height:2rem}}.michaels-links{font-size:5rem}.main{height:100vh}.contact-container{display:grid;grid-template-columns:repeat(1fr,auto);justify-items:center}.contact{display:flex;width:500px;margin:30px;padding:10px;font-size:3rem;font-family:Expressway;border-radius:30px;border:solid white 2px;transition:all .3s ease-in-out;background:transparent;justify-content:center}.contact:hover{box-shadow:-10px 10px 20px gray;transform:translate(10px,-10px);background:linear-gradient(gray,#000)}.git-hub-cat,.git-hub-text{height:75px}@media (max-width: 810px){.michaels-links{font-size:2.5rem}.contact-container{grid-template-columns:1fr}.contact{width:100%;margin:0 0 20px;padding:0;font-size:1.5rem}.git-hub-cat{width:15%;height:auto}.git-hub-text{width:40%;height:auto}}.michaels-websites{font-size:5rem}.page-container{display:grid;grid-template-columns:repeat(2,1fr)}.page-div{margin:10px;border-radius:30px;border:solid white 2px;transition:all .3s ease-in-out;background:transparent}.page-div:hover{box-shadow:-10px 10px 20px gray;transform:translate(10px,-10px);background:linear-gradient(gray,#000)}.page-img{height:300px}.page-para{font-size:1.5vh;font-family:Overpass;margin:50px}@media (max-width: 810px){.michaels-websites{font-size:2rem}.page-container{display:block;text-align:center;margin:0 auto}.page-div{width:100%;margin:0 0 10px}.page-img{width:100%;height:auto}}.home-div{font-family:Pixelify Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;height:100vh}h1{font-size:25vh;flex:1;margin:0 auto}h2{font-size:12.5vh;flex:1;margin:0 0 30px}a{color:#fff;text-decoration:none;transition:color .5s}@media (max-width: 810px){h1{font-size:5rem;margin:40px 0}h2{font-size:1.5rem;margin:40px 0}.press-start{width:80%;margin:40px 0}}