style.css
* {
margin: 0px;
box-sizing: border-box;
}
body {
background: url("OIP-C.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
.content {
perspective: 400px;
width: 100%;
height: 620px;
position: relative;
}
.top {
overflow: hidden;
background-color:rgba( 0.0.0.0);
}
.top a {
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
.top a:hover {
background-color: #ddd;
color: rgb(255, 249, 249);
}
.avr{
position: absolute;
display: flex;
justify-content: center;
left: 0;
right: 0;
top: 300px;
margin: auto;
bottom: 0;
color:#fff;
font-size: 70px;
font-weight: 500;
}
audio {
position: fixed;
bottom: 50px;
right: 0;
}
.leftcolumn {
float: left;
width: 10%;
}
.centercolumn {
margin: auto;
width: 80%;
height:1000px;
padding: 10px;
}
.rightcolumn {
float: left;
width: 10%;
}
.card {
background-color:rgba(255, 255, 255, 0.264);
padding: 20px;
margin-top: 20px;
border-radius: 50px;
}
#biaoti {
text-align: center;
}
#qita {
text-align: right;
}
.row:after {
content: "";
display: table;
clear: both;
}
.btn p{
line-height: 60px;
font-size: 22px;
color: black;
}
.bt {
cursor: pointer; 
width: 25%; 
height: 50px;
display: block; 
text-align: center; 
line-height: 40px; 
text-decoration: none; 
background-image: linear-gradient(rgba(240, 240, 240, 0.95),rgba(231, 235, 237, 0.95)); 
color: rgba(0, 0, 0, 0.60); 
border: none;  
margin-bottom: 10px; 
margin: auto;  
font-size: 20px; 
}