{ background-image: url("/imagens/aoi.png"); height: 100%; background-position: center; } .box { max-width: 1000px; margin: 50px auto; display: grid; grid-gap: 10px; grid-template-columns: 250px auto; } header, nav, main, footer { border: black 2px solid; } header { grid-row: 1 / 2; grid-column: 1 / 3; } nav { grid-row: 2 / 3; grid-column: 1 / 2; height: max-content; } main { grid-row: 2 / 3; grid-column: 2 / 3; height: max-content; } footer { grid-row: 3 / 4; grid-column: 1 / 3; } .button1 { position: absolute; top: 30em; left: 20em; border-radius: 120px; border: 5px white; position: absolute; background: white; background-repeat: no-repeat; background-attachment: fixed; background-position: 60px 200px; color:black; width: 300px; height: 300px; cursor: pointer; } .button2 { position: absolute; top: 20em; left: 90em; border-radius: 120px; border: 5px white; position: absolute; background: white; background-repeat: no-repeat; background-attachment: fixed; background-position: 940px 50px; color:black; width: 300px; height: 300px; cursor: pointer; } .button1 {background-image: url(imagens/aoi.png);} .button2 {background-image: url(imagens/rena.png);}