*{box-sizing:border-box;font-optical-sizing:auto;margin:0;padding:0;font-family:Open Sans,sans-serif;font-style:normal;font-weight:400}h1{text-align:center}#banner-container{width:100vw;position:absolute;top:100px}#banner{border-radius:20px;width:85vw;margin:0 auto;display:block;position:relative}.yellow-container{color:#578ef5;background-color:#f2f7a0;border-radius:20px;width:400px;max-width:75vw;margin:30px auto}h1{padding:.5em .5em 0}.socials-container{text-align:center;width:fit-content;max-width:75vw;vertical-align:center;background-color:#f2f7a0;border-radius:20px;flex-direction:row;justify-content:center;margin:30px auto;display:flex}span#socials-message{margin:0 auto 1em;padding-top:.25em;font-size:large;display:block}a.socials-link{margin:0 auto 1em;font-size:large;display:block}.icon-hover{color:#578ef5;transition:color .2s,transform .2s}.icon-hover:hover{color:#c2cee4;transform:scale(1.1)}.image-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.image-grid img{object-fit:cover;aspect-ratio:1;width:100%;height:100%}@media only screen and (width>=500px){#banner{width:75vw}.image-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}}