body{
    margin: 0px;
}
#backgr{
    width: 35%;
    height: 615px;
    background-color: rgb(253, 208, 209);
    position: absolute;
    z-index: -1;
    right:0px;
}
#main{
    background: url("pngwing_com_1.png") no-repeat;
    background-size: 34%;
    background-position: 68% 120%;
    height: 600px;
}
#logo{
    width: 10%;
    height: 5%;
    margin-left: 20px;
    margin-top: 4px;
}
#header{
 display: flex;
}
nav{
    width: 310px;
    margin-left: 300px;
    margin-top: 20px;
}
nav a{
    color: black;
    margin-right: 7px;
}
nav a:link, a:visited, a:active{
    color:black;
    text-decoration: none;
}
nav a:hover{
    color:rgb(255, 36, 40)
}
button{
    background-color: rgb(255, 36, 40) ;
    border: none;
    border-radius: 150px;
    width: 115px;
    height: 42px;
    margin-left: 80px;
    margin-top: 15px;
    color: white;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}
button:link, button:visited, button:active{
    text-decoration: none;
}
button:hover{
    color: rgb(255, 36, 40);
}
button:hover{
    background-color: white;
}
button img{
    margin-left: 5px;
    width: 22%;
}
#block1{
    margin-top: 125px;
    padding-left: 65px;
}
#block1 h1{
    font-size: 320%;
    margin-bottom: 0px;
    margin-top: 2px;
    width: 540px;
}
#block1 p{
    margin-top: 7px;
    margin-bottom: 0px;
    color: black;
}
#buttonsign{
    margin-top: 20px;
    height: 75px;
    width: 350px;
    background-color: rgb(255, 36, 40);
    border-radius: 150px;
    padding: 10px;
    margin-bottom: 80px;
}
#buttonsign img{
    width: 12%;
    margin-left: 35px;
    margin-top: 10px;
}
#buttonsign a{
    margin-left: 10px;
 color: white;
 text-decoration: 0px;
 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 font-size: 220%;
}
#buttonsign a:hover{
    color: rgb(255, 36, 40);
}
#buttonsign:hover{
    background-color: white;
}
#bar{
    display: flex;
    background-color: rgb(255, 36, 40);
    height: 140px;
    padding: 20px 30px 20px 30px;
    justify-content: space-around;
}
.card{
    margin: auto ;
    width: 240px;
    border-right: white solid 1px;
}
.card a, p{
    color: white;
}
.card a{
    font-weight: 1000;
    font-size: 120%;
    text-decoration: none;
}
#cards2{
    width: 70%;
    display: flex;
    flex-wrap: wrap;
}
#sidebar{
    width: 30%;
}
.card2{
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    margin-right:10% ;
    padding: 20px 0px 20px 0px;
    color: black;
    width: 40%;
}
#block2{
    display: flex;
    padding: 80px 40px;
}
.card2 p{
    color: black;
}
#cards2 button{
    width: 80%;
    margin-top: 30px;
    margin-right: 30px;
    margin-left: 0px;
}
#sidebar p {
    color: black;
}
#us p{
    color: black;
    text-align: center;
}
#us h1 {
    text-align: center;
    font-size: 50px;
}
#us{
    padding: 100px 0%;
    background-color: rgb(253, 208, 209);
    margin: 0px;
}
#contacts{
    background-color: black;
}
#contacts{
    display: flex;
    margin: 0%;
    padding: 50px;
}
#contacts p{
    color: white;
    width: 40%;
}
#contacts a{
    display: block;
    color: white;
    text-decoration: none;
}
#contact{
    text-align: right;
}

