body{
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    cursor:context-menu;
}
h1{
    font-size: 38px;
}
p{
    font-size: 23px;
}
h6{
    font-size: 15px;
    font-weight: normal;
}
.navbar{
    background-color:  #0f171e;
    width: 100%;
    height: 71px;
    position: fixed;
    z-index: 1;
}

.container1{
    
    display: flex;
    justify-content: space-between;
}
.logo{
    height: 100%;
    width: 135px;
    margin-left: 35px;
    margin-top: 5px;
}
.imageglobe{
    height: 30%;
    width: 135px;
}


.container2{
    height:468px;
    background-color: black;
    display: flex;
   /* justify-content: space-between;*/
    color: white;
    padding-top:  61px;


}
.header .container2 .leftsection p{
    margin-top: 4px;
}
.header .container2 .leftsection h6{
    margin-top: 14px;
    margin-left: 34px;
}

.navbarright{

    display: flex;
    justify-content: space-between;
    
    
    width: 411px;
}
.navbarright a{
    width: 50px;
    height: 50px;
}
.navbarright a img{
  max-width: 100%;
  max-height: 100%;
}

.container2 .leftsection{
    display: flex;
    margin-left: 75px;
    flex-direction: column;
    justify-content: center;
    padding-top: 43px;
    
}
.imagesfilmsheader{
    margin-top: 10px;
}
.button{

    background-color: #0f79af;
    height: 50px;
    width: 283px;
    border-radius: 5px;
    border-width: 1px;font-size: 16px;
    border-style: solid;
    
    cursor: pointer;
    color: white;
    font-weight: bold;

}

.button:hover{

    background-color: #3a8cb4;
}
.container3{
    height:468px;
    background-color:white;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    margin: 0.5px;
    margin-top: 25px;
    padding-top:  0px;
    

}
.container3 .leftsection{
    margin-left: 75px;
   
}
.container4 .leftsection{
    margin-left: 75px;
    padding-top: 21px;
}
.container4 .leftsection .button{
    margin-top: 32px;
}
.container5 .leftsection{
    margin-left: 75px;
}
.container6 .leftsection{
       margin-left: 75px;
       padding-top: 43px;
}
.container6 .leftsection .button{
    margin-top: 28px;
}
.imagessection1{
    margin-left: 22px;
  
    width: 582px;


}

.imagegrid{

    width: 176px;
    height: 128px;
    margin: 2px;
    cursor: pointer;
}
.imagegrid:hover{
    box-shadow: 2px 2px 5px 5px black ;
    width: 180px;
    height: 132px;
}
.container4{
    height: 405px;
    background-color: black;
    display: flex;
    justify-content: space-between;
    color: white;
}
.container4 .rightsection{
    padding-top: 126px;
}
.family{
    max-width: 100%;
    max-height: 100%;
}
.container5{
    height: 483px;
    background-color: black;
    display: flex;
    /*justify-content: space-between;*/
    color: white;
    padding-top:  61px;
    padding-left: 63px;
}
.container5 .leftsection{
    /*padding-top: 71px;*/
   /* background-color:  rgb(8 8 8);*/
   background-color:black;
    margin-left: 0px;
    margin-right:20px;
    width: 50%;
    padding-top: 178px;
}
  

.container5 .rightsection{
   /* justify-content: center;*/
    width: 50%;
    padding-top: 14px;
    padding-right: 50px;
}
.container5 .rightsection button{
    margin-top: 22px;
}
.container6{
    height: 464px;
    background-color:rgb(19, 18, 18);
    display: flex;
    justify-content: space-between;
    color: white;
    width: 100%;
   
}
.container6 .leftsection{
    width: 50%;
}
.container6 .rightsection{
    
    padding-top: 126px;
    width: 50%;
}

.container7{
    width:100% ;
    height: 111px;
    background-color:#0f171e;
    margin: .1px;
}
a{
    text-decoration: none;
}
.container7 a{
    color: #0f79af;
    
}
.container7 .footertext p{
    font-size: 15px;
    color:grey;
    display: inline;
    
}
.footerlogo{
    margin-left: 601px;
    padding-top: 20px;
}
.footertext{
    margin-left: 313px;
    padding-top: 8px;
}