*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

header{
    width: 100%;
    height: 100vh;
    background: lightblue;
    background-image: linear-gradient(
        rgba(97,47,18,.692),
        rgba(97,47,18,.692)
    ),
    url("img/2.jpg");
    background-size: cover;
    background-position:center ;

}

.navbar{
    height: 10%;
    display: flex;
}

.nav-left{
    flex-basis: 30%;
    background: white;
    position: relative;
}

.nav-icon{
    left: 5%;
    top: 10%;
    position: absolute;
}
.nav-icon ul li{
    display: inline-block;
    margin-right:15px ;
}

.nav-icon ul li i{
    color: gray;

}

.nav-right{
    flex-basis: 70%;
    position: relative;
}

.nav-menu{
    top: 20%;
    right: 2%;
    position: absolute;
}

.nav-menu ul li{
    display: inline-block;
    margin-left: 15px;
}

.nav-menu ul li a{
    text-decoration: none;
    color: white;
    font-family: sans-serif;
}

.nav-menu ul li a:hover{
    color: red;
    border-bottom:  1px solid white;
    padding-bottom: 5px;
}

.logo{
    font-family: 'Smooch', cursive !important;
    font-size:35px;
}
.content{
    height: 90%;
    display: flex;
}

.content-left{
    flex-basis: 30%;
    background:white;
    position: relative;
}

.socialmedia{
    left: 0%;
    bottom: 50%;
    position: absolute;
    
}
.socialmedia ul li{
    list-style: none;
    height: 30px;
    width:30px;
    margin: 10px;
    background: gray; 
    text-align:center;
    line-height: 30px;
    border-radius: 10px;
}

.socialmedia ul li i:hover{
    color:red ;
    

}

.content-right{
    flex-basis: 70%;
    position: relative;
}

.text{
    right:20% ;
    bottom: 55%;
    position:absolute;
}
.text h1, p{
    color: white;
    font-family: 'Dancing Script', cursive;
}

.text h1{
    color: white;
    font-family: 'Dancing Script', cursive;
    font-size: 60px;
}


.text p{
    color: white;
    font-family: 'Dancing Script', cursive;
    font-size: 25px;
}


.display{
    left: -30%;
    bottom:5%;
    position:absolute;
}
.display img{
    height: 50%;
    width: 50%;
}