@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro&family=Inter&display=swap');
*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
html{
    font-family: 'Be Vietnam Pro', sans-serif;
    background-color:#181b29 ;
    color: white;
}
.navContainer{
    /* border: 2px solid orange; */
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.navItems{
    /* border: 2px solid white; */
    margin: 5px 10px;
    padding: 5px;
    width: fit-content;
    font-size: 15px;
    font-weight: 600;
    margin-right: 20px;
}
.navItems:first-child{
    margin-right: auto;
    margin-left: 10px;
}
.navItems:nth-child(6){
    margin-right: 20px;
}
.primary-btn{
    background-color: orange;
    width: 90px;
    height: 30px;
    border: none;
    border-radius: 10px;
    font-size: 15px;
    font-family:'Be Vietnam Pro', sans-serif ;
    cursor: pointer;
}
.primary-btn:hover{
    background-color: darkorange;
    transition:all 200ms ease-in;
}
#mainlogo{
    width: 200px;
    height: fit-content;
}
.navItems a{
    text-decoration: none;
    color:white;
    transition:all 200ms ease-in;
}

.navItems a:hover{
    color: #00bcf5;
    text-decoration-line: underline solid rgb(0, 188, 255);
}
.mainContent{
     /* border: 2px solid white;  */
    padding:10px
}
.footerContainer{
    background-color:#002433 ;
    border-top: 2px solid orange;
    padding: 10px;
}
#footertext{
    text-align: center;
}
.welcomeContent{
    /* border: 4px solid violet; */
    margin: 5px 2px;
    padding: 0px;
    height: 400px;
    background-image:url("img/welcomearea3.png");
    background-repeat: no-repeat;
    box-shadow: 0 0 8px 8px #002433 inset;
    background-position: -80px;
    background-size:900px;
    display: flex;
    justify-content: space-evenly;
  

}
.mainWelcomeText{
     /* border: 2px solid orange; */
    color: white;
    outline: black;
    font-size: 50px;
    width: fit-content;
    text-align: center;
    margin: 110px auto;
}
#mainWelcomeSpanText{
    font-size: 25px;
}
.mainWelcomeVideo{
    width: min-content;
    margin-right: 0px;
    margin-left: 30px;
    border: none;
    border-radius: 10px;
}
.textButton{
    /* border:2px solid white; */
    width: 700px;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items:center;
}
#startWatching{
    background-color:#14213D;
    color: white;
    width:160px;
    height: 40px;
    margin-bottom: 50px;
    margin-top: -90px;
    font-size: 17px;
}
.sidecastContainer{
    border: 3px solid orange;
    margin: 30px 10px ;
    padding: 10px;
}