@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";.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}}.link-div{border-radius:10px;background:url(data:image/webp;base64,UklGRkIBAABXRUJQVlA4TDYBAAAvLQAHAF8gkE12mfwpY1iTNZn/7HCAqm3bImV3DEs/q5CGZGmILmewVJLrpM04kWm4NJc/cl1jz+H9shxCRP8n4Bx1siNS+nOaq2EBkGgOo+IwKvrzmfVyZr00JSKFyfW+vbCA5oVBOq8AzapIAem86uIIVQ6/os6tG8SFYkzEhuHNfbeQ3tuW4e9IZKZWFwvWolI32ymtmNjQxGM5dgSXQOKk9CLdD6T/Rk8cia9Wl3+gPS1yK+mHpSL9D9SpyofS3mhvKPTnSiz2RZ6cT4Wl9G8sXtwPpsKrZZHBi/NpkME10FqpfADEotSNbgBI/x71qJrr+rsKL6jS9U3+m6IPLodMiZOaJjawIBa5bi0qrZjtlMqRyLCj1QWk+04v0nuD5gU9kYh0fJ1/IA6jQhO8aqSTKswA)}.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(168,168,168) 0px 0 7px}.active{color:#8b8b8b;text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:101%;left:23%;background:url(data:image/webp;base64,UklGRkIBAABXRUJQVlA4TDYBAAAvLQAHAF8gkE12mfwpY1iTNZn/7HCAqm3bImV3DEs/q5CGZGmILmewVJLrpM04kWm4NJc/cl1jz+H9shxCRP8n4Bx1siNS+nOaq2EBkGgOo+IwKvrzmfVyZr00JSKFyfW+vbCA5oVBOq8AzapIAem86uIIVQ6/os6tG8SFYkzEhuHNfbeQ3tuW4e9IZKZWFwvWolI32ymtmNjQxGM5dgSXQOKk9CLdD6T/Rk8cia9Wl3+gPS1yK+mHpSL9D9SpyofS3mhvKPTnSiz2RZ6cT4Wl9G8sXtwPpsKrZZHBi/NpkME10FqpfADEotSNbgBI/x71qJrr+rsKL6jS9U3+m6IPLodMiZOaJjawIBa5bi0qrZjtlMqRyLCj1QWk+04v0nuD5gU9kYh0fJ1/IA6jQhO8aqSTKswA);min-width:160px;border-radius:6px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .25s ease;z-index:1000;border:1px solid black}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu a{display:block;padding:8px 16px;color:#fff;text-decoration:none;font-size:.9rem;font-family:Expressway;border:1px solid black}.dropdown-menu a:hover{background:#ffffff1a}@media (max-width: 810px){.link-div{width:100%}.nav-button{margin:10px;font-size:1.5rem}}: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;background:linear-gradient(#00000080,#000),url(/assets/webb-dark-HnmwqEEW.png);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;padding:20px;text-align:center;margin:0}body{height:100vh}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.title-div{opacity:0;transform:translate(-400px);animation:titleEnter 1s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes titleEnter{to{opacity:1;transform:translate(0)}}.about{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:0 70px}.about-michael{text-shadow:#646464 0 0 20px;font-size:5rem}.card{border-radius:55px;background:url(data:image/webp;base64,UklGRkIBAABXRUJQVlA4TDYBAAAvLQAHAF8gkE12mfwpY1iTNZn/7HCAqm3bImV3DEs/q5CGZGmILmewVJLrpM04kWm4NJc/cl1jz+H9shxCRP8n4Bx1siNS+nOaq2EBkGgOo+IwKvrzmfVyZr00JSKFyfW+vbCA5oVBOq8AzapIAem86uIIVQ6/os6tG8SFYkzEhuHNfbeQ3tuW4e9IZKZWFwvWolI32ymtmNjQxGM5dgSXQOKk9CLdD6T/Rk8cia9Wl3+gPS1yK+mHpSL9D9SpyofS3mhvKPTnSiz2RZ6cT4Wl9G8sXtwPpsKrZZHBi/NpkME10FqpfADEotSNbgBI/x71qJrr+rsKL6jS9U3+m6IPLodMiZOaJjawIBa5bi0qrZjtlMqRyLCj1QWk+04v0nuD5gU9kYh0fJ1/IA6jQhO8aqSTKswA);padding:5rem;box-shadow:#626262 0 0 20px;opacity:0;transform:translate(400px);animation:cardEnter 1s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes cardEnter{to{opacity:1;transform:translate(0)}}.mike_image{filter:grayscale();display:inline;width:30rem;border-radius:40px}.about-p{font-family:Roboto Mono,monospace;font-size:2rem;line-height:2rem;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-websites{font-size:5rem;text-shadow:#646464 0 0 20px;opacity:0;transform:translateY(-400px);animation:titleEnter 1s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes titleEnter{to{opacity:1;transform:translateY(0)}}.page-container{display:grid;grid-template-columns:repeat(2,1fr);opacity:0;transform:translateY(400px);animation:containerEnter 1s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes containerEnter{to{opacity:1;transform:translateY(0)}}.page-div{margin:10px;padding:10px;border-radius:30px;box-shadow:#626262 0 0 10px;transition:all .3s ease-in-out;background:url(data:image/webp;base64,UklGRkIBAABXRUJQVlA4TDYBAAAvLQAHAF8gkE12mfwpY1iTNZn/7HCAqm3bImV3DEs/q5CGZGmILmewVJLrpM04kWm4NJc/cl1jz+H9shxCRP8n4Bx1siNS+nOaq2EBkGgOo+IwKvrzmfVyZr00JSKFyfW+vbCA5oVBOq8AzapIAem86uIIVQ6/os6tG8SFYkzEhuHNfbeQ3tuW4e9IZKZWFwvWolI32ymtmNjQxGM5dgSXQOKk9CLdD6T/Rk8cia9Wl3+gPS1yK+mHpSL9D9SpyofS3mhvKPTnSiz2RZ6cT4Wl9G8sXtwPpsKrZZHBi/NpkME10FqpfADEotSNbgBI/x71qJrr+rsKL6jS9U3+m6IPLodMiZOaJjawIBa5bi0qrZjtlMqRyLCj1QWk+04v0nuD5gU9kYh0fJ1/IA6jQhO8aqSTKswA)}.page-div:hover{box-shadow:0 0 30px gray;transform:translateY(-10px);background:linear-gradient(#00000080,#0000004d)}.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{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}}