.app{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.greetings{font-size:2.75rem}.about-me-container{padding-top:20px}.about-me{font-size:1.5rem;font-weight:400}.social-media-icons{display:flex;gap:8px;padding-top:20px}.home-container{width:100%;height:100%;display:flex;background-color:#a3b18a}.left,.right{width:50%;height:100%;display:flex;justify-content:center;align-items:center}.left{background-color:#ffff8d;padding:0 40px}.right{background-color:#a3b18a}.right img{width:70%;height:auto}.highlighter{font-weight:700}@media (max-width: 1200px){.social-media-icons img{width:32px;height:32px}}@media (max-width: 1000px){.home-container{flex-direction:column;justify-content:space-between}.left,.right{width:100%;height:fit-content}.right img{width:60%}.left{padding-top:50px;padding-bottom:50px}.mobile-icons{background-color:#ffff8d;padding-bottom:10px}.social-media-icons{justify-content:center}.about-me{font-size:1.75rem}.filter{position:absolute;width:100%;height:50px;top:0;background-color:#a3b18a}.filter-bottom{position:absolute;width:100%;height:50px;bottom:0;background-color:#a3b18a}.right{display:flex;align-items:center;justify-content:center;flex:1;padding:40px 0}}@media (max-width: 800px){.right{padding:30px 0}.right img{width:80%}}@media (max-width: 700px){.right{padding:20px 0}.right img{width:80%}}.visitor-number{font-weight:700;color:#3a5a32;font-size:1.6rem}:root{font-family:Open Sans,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{color:#3f3f47;width:100%;height:100%;font-size:16px}body{font-size:16px;position:absolute;margin:0;display:flex;place-items:center;width:100vw;height:100vh}@media (max-width: 1200px){:root{font-size:12px}}@media (max-width: 1000px){:root{font-size:10px}}*{margin:0;padding:0}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.open-sans-bold{font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-variation-settings:"wdth" 100}.open-sans-regular{font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100}.open-sans-light-bold{font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;font-variation-settings:"wdth" 100}.hide-on-desktop{display:block}.hide-on-mobile{display:none}@media (min-width: 1000px){.hide-on-desktop{display:none}.hide-on-mobile{display:block}}div{box-sizing:border-box}