*{
    margin:0;
    padding:0;
    box-sizing: border-box;
}
@font-face {
    font-family: urban;
    src: url(../font/Urbanist/Urbanist-Regular.ttf);
}
@font-face {
    font-family: urbanbold;
    src: url(../font/Urbanist/Urbanist-Bold.ttf);
}
@font-face {
    font-family: corinthia;
    src: url(../font/Corinthia/Corinthia-Regular.ttf);
}
@font-face {
    font-family: corinthiabold;
    src: url(../font/Corinthia/Corinthia-Bold.ttf);
}
.header{
    width:100%;
    height:1080px;
    background-color:yellow;
    background-image:url(../img/rowan-heuvel-PgSxHidgJHQ-unsplash.jpg);
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;
}
.navbar{
    position:fixed;
    width:100%;
    height:120px;
    /* background-color:rgb(0, 0, 0); */
}
.logo img{
    width:100px;;
    padding-top:16px;
    padding-left:16px;
}
/* .line hr{
    margin-top:34px;
    border:1px solid #B7040B;
} */
.navigation ul{
    font-family: urban;
    font-size:14px;
    padding-top:24px;
    list-style: none;
    display:flex;
    justify-content:space-around;
}
.navigation ul li{
    padding-top:2px;
    text-align: center;
    width:80px;
    height:24px;
    /* background-color:#B7040B; */
    border:1px solid #B7040B;
}
.navigation ul li:hover{
    transition:all 0.3s ease;
    background-color:#FFFFB7;
}
.navigation ul li a{
    text-decoration: none;
    color:#B7040B;
}
.content1{
    width:100%;
    height:500px;
    /* background-color: yellow; */
}
.title1{
    display:flex;
    justify-content: center;
    margin-top:200px;
}
.title1 img{
    animation: pulse;
    animation-duration: 2s;
    animation-delay:1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    /* width:5%; */
    height:50px;
}
.title1 p{
    font-size:80px;
    font-family:corinthia;
    color:#B7040B;
}
.sub1{
    margin-top:-100px;
    display:flex;
    justify-content: center;
}
.sub1 p{
    font-family: corinthiabold;
    font-size:120px;
    color:#B7040B;
}
.content2{
    width:100%;
    height:580px;
    /* background-color: yellow; */
}
.front{
    animation:pulse;
    animation-duration: 2s;
    animation-delay:0.9s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    background-image:url(../img/1.png);
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center;
    height:145.6px;
    width:450px;
    /* background-color:yellow; */
    border: 1px dashed #B7040B;
}
.back{
    background-image: url(../img/2.png);
    background-size:cover;
    background-repeat: no-repeat;
    background-position:center;
    margin-top:24px;
    width:450px;
    height:145.6px;
    /* background-color:yellow; */
    border: 1px dashed #B7040B;
}
.formore{
    margin-top:24px;
    display:flex;
    justify-content:center;
}
.formore button{
    width:80px;
    height:24px;
    border:none;
    background-color:#B7040B;
    border:1px solid #FFFFB7;
}
.formore button a{
    font-family: urban;
   text-decoration: none;
   color:#FFFFB7;
}
.formore button:hover{
    transition:all 0.3s ease;
    background-color:#7e0206;
}