:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{justify-content:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}#div{background-color:azure;border:.1rem solid;border-radius:1rem;flex-direction:column;justify-content:space-between;align-items:center;width:34vw;height:22vh;display:flex}#div:hover{background-color:#1bad7c}.ticher{color:#fff;background-color:#00f}.img{object-fit:cover;border-radius:1rem;width:24%;position:relative;bottom:62px;right:37%}#allBUttons{flex-wrap:wrap;justify-content:space-around;width:69vw;height:55vh;display:flex}.gray{color:gray}.frend{color:#fff;background-color:green}.studi{color:#fff;background-color:purple}div h2{color:#af8787}@media (width<=700px){#allBUttons{flex-direction:column;width:80vw;height:130vh}#div{width:100%;height:30vh}}