about.css

body{
    font-family: Century Gothic;
    background-image: url('417644.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    background-color:bisque;
    background-blend-mode: multiply;
}
header{
height: : 100vh;
}
ul{
    list-style-type: none;
    float: right;
}
ul li{
    display: inline-block;
}
ul li a{
    text-decoration: none;
    color: #fff;
    padding: 5px 20px;
    border: 1px solid transparent;
    margin-top: 25px;
    transition: 0.6s ease;
}
ul li a :hover{
    background-color: #fff;
    color: #000;
}
ul li.active a{

}
.logo img{
    top: 60%;
    left: 50%;
    float: right;
    width: 300px;
    
}

.title{
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.title h1{
     color: #fff;
    font-size: 70px;
    top: 40%;
    
}
.Button{
    position: absolute;
    top: 70%;
    left: 40%;
    transform: translate(-50%, -50%);
}
.Btn{
    border: 1px solid #fff;
    padding: 10px,30px;
    color: #fff;
    text-decoration: none;
    
}
.Btn :hover {
    background-color: #fff;
    color: #000;
    width: 200px;
    transition: 0.6s ease;

}
a:hover {
background-color: rgb(162, 214, 242);
}
.section {
width:70%;
min-height:100vh;
background-color: #fff;
align-content: center;
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, -50%);
}
.container{
width: 70%;
margin:auto;
padding-top:70px;
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
}
.content-section{
float:left;
width: 55%;
}
.image-section{
float:left;
width:40px;
position: absolute;
top: 40%;
left: 55%;
width: 400px;

}
.image-section img{
width:100%;
height:auto;
}
.content-section .title{
text-transform: uppercase;
font-size: 24px;
}
.content-section .content{
margin-top: 20 px;
color: #5d5d5d;
}
.content-section .content{
margin-top: 10px;
font-family: sans-serif;
font-size: 17px;
line-height: 1.5;
}
.content-section .content .button a{
background-color: #3d3d3d;
padding: 12px 40px;
text-decoration: none;
color: #fff;
font-size: 25px;
letter-spacing:1.5px;
}
.logo img{
    float: left;
    width: 250px;
    
}
.end{
    width:100%;
    min-height:20vh;
    background-color: #fff;
    align-content: center;
    position: absolute;
    top:200%;
    left: 50%;
    transform: translate(-50%, -50%);
    }