.imga { filter: grayscale(100%); } body{ color:#FFB5C5; background-image: url("papel_velho2.jpg"); background-size: 100% 100%; /*Define uma imagem de fundo para o elemento :*/ background-color: #828282; /*Defina a cor de fundo de uma página*/ background-repeat:no-repeat; /*faz não repitir imagem*/ /*expande a imagem de fundo*/ } .saco_de_lixo{ text-align:right; margin-left:650px; font-size:30px; } .girassol{ text-align:center; margin-left:220px; font-size:41px; color: #FFD700; background:#9B1C31; width:900px; border-radius: 2px; border: 5px double #FFD700 ; font-family:garamond ; } .cineraria{ text-align:center; margin-left:220px; font-size:41px; color: #9B1C31; background:#FFD700; font-family: garamond; width:900px; border: 5px double #9B1C31 ; border-radius: 10px; } .lombra{ text-align: center; border-radius: 15px; font-size:30px; color: #fff785; background:#2e0505; font-family: garamond; border: 3px double #FFD700 ; width:1000px; margin-left:170px; } .banana_ninja{ margin-left: 220px; width: 300px; } .banana_ninja img{ width: 450px; height: 300px; margin-left: 220px; } .desc{ padding: 20px; text-align: center; font-family: garamond; background:#9B1C31; color:#FFD700; } .rodape{ position:fixed; left:0; font-size: 23px; bottom:0; width:100%; backgroud-color: white; color:#27408B; text-align:center;} .center{ text-align: center; } .medieval-button { position: relative; background-color: #000000; padding: 15px 30px; font-size: 20px; font-weight: bold; cursor: pointer; border-radius: 15px; border-style: solid; overflow: hidden; z-index: 1; } .medieval-button::before { content: ""; position: absolute; top: -40%; left: -10%; height: 180%; width: 0; border-radius: 100%; background-color: #420505; transition: all 750ms 0.3s; } .medieval-button:hover::before { width: 120%; height: 180%; transition: all 750ms 0.7s; } .button-text { position: relative; z-index: 2; color: white; } .sword { position: absolute; top: 50%; right: -100%; transform: translateY(-50%); transition: right 0.5s ease; z-index: -1; height: 40px; } .medieval-button:hover .sword { right: calc(25%); }