why_modesens.css

body{
    font-family: 'Lato', sans-serif;
}
#cover{
margin:2% 0%;
width:100%; 
height:200px; 
text-align: center;
background-image: url("https://modesens.com/static/img/about-bg.png");
border:1px solid transparent;
}  
#cover>div>h1{
    color:white;
}
#video{
    width:70%;
    margin:0% 15%;
    margin:auto;
}
#video>iframe{
    width:80%;
    margin:5% 10%;
}
.block{
    display: flex;
    width:80%;
    margin: auto;
    margin:2% 10%;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.block>div:nth-child(1){
    width:26%;
    text-align: center;
    margin:5% 2%;
}
.block>div:nth-child(2){
    width:66%;
    margin:5% 2%;
}
.block>div:nth-child(2)>img{
    width:100%;
}
#cover2{
    width:80%;
    margin:3% 10%;
    padding-top:10px;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
#cover2>div{
    display: flex;
}
#cover2>div>div:nth-child(1){
    width:46%;
    margin:0% 2%;
}
#cover2>div>div:nth-child(2){
    width:46%;
    margin:0% 2%;
}
#cover2>div>div:nth-child(2)>div{
    display:flex;
    margin:20px 20px;
}
#cover2>div>div:nth-child(2)>div>img{
    margin-right: 20px;
}
.center{
    width:80%;
    text-align: center;
    padding:10px 0px 30px 0px;
    margin: 3% 10%;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
#big_page{
    width:80%;
    margin:auto;
}
#big_page>img{
    width:100%;
}
button{
    background-color: black;
    color:white;
    padding: 10px;
    font-weight: bold;
}
#invite{
    background-color:white; 
    color:black; 
    border:white; 
    font-weight:bold;
}