body {
background-image: url('../img/bg.jpg');
background-size: cover;
}
.logoshape {
z-index: 1;
background-color: black;
min-width: 12%;
margin-top: 20px;
border-radius: 50px;
margin-right: 20px;
display: inline-block;
opacity: .8;
}
img {
z-index: 2;
opacity: 1;
}
.infoshape {
background-color: black;
color: yellow;
min-width: 25%;
padding-top: 35px;
padding-bottom: 65px;
margin-top: 20px;
border-radius: 50px;
display: inline-block;
opacity: .8;
}
.infoshape > h1 {
opacity: 1;
}
.shape {
background-color: black;
padding-top: 70px;
padding-bottom: 70px;
width: 40%;
border-radius: 30px;
opacity: .8;
margin-top: 30px;
}
button {
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
background: none;
color: white;
border: 2px solid #4CAF50;
width: 200px;
padding: 14px;
}
button:hover {
background-color: #4CAF50;
color: white;
}