body {
	background-color: rgb(193, 233, 255);
	animation: gradient 25s ease infinite;
    margin: 0px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

header{
    width: 100%;
    position: fixed;
    z-index: 1000; 
    display: grid;
    background-image: url('../media/images/background.png');
}

.navbar {
    transition: box-shadow 0.3s ease;
    text-align: center;
}

.navbar li a {
    color: black;
    float: left;
    font-size: 25px;
    text-decoration: none;
    line-height: 90px;
    padding: 0px 6%;
    opacity: 0.7;
}

.navbar li a:hover {
    background-color: #555;
    color: white;
}

.navbar-links {
    margin-left: 5%;
}

.navbar ul {
    float:left;
    display: flex;
    padding: 0px;
    margin: 0px;
    width: 800px;
    text-align: center;
    display:block;
}

.navbar li {
    list-style-type: none;
    padding: 0px;
    display: inline;
}

.navbar #active:hover {
    background: rgb(106, 119, 143);
    color: black;
}

#paging {
    width: 130px;
    bottom: 0px;
    margin: -60px 30%;
}

.video-content {
    text-align: center;
}

video::-webkit-media-controls-panel {
    background-image: linear-gradient(transparent, transparent) !important;
  
}

.text-content {
    background-color: rgb(174, 227, 255); 
    text-align: center; 
    margin-top: 55px;
    padding-top: 15px;
}

#active{
    color: rgba(235, 235, 235, 0.808);
}

#header-logo {
    float: right;
    width: 70px;
    padding: 10px;
    margin-right: 20px;
}

#header-logo-a :hover{
    background-color: rgba(85, 85, 85, 0.137);
}



#main-content {
    padding-top: 90px;
}
.content {
    display: inline-block;
    margin-bottom: 2%;
}

.content ul{
    line-height: 32px;
}


.right-game-image {
    width: 40%;
    float: right;
    margin-right: 2%;
}

.main-content-left{
    padding-top: 1%;
    margin-right: 60%;
    margin-left: 10%;
    text-align: justify;
    font-size: 25px;
}



.left-game-image {
    width: 40%;
    float: left;
    margin-left: 2%;
}

.main-content-right{
    margin-left: 45%;
    margin-right: 10%;
    text-align: justify;
    font-size: 25px;
}


b {
    color: #BF4F45;
}

.main-content-left-authors {
    padding-top: 1%;
    margin-right: 45%;
    margin-left: 3%;
    text-align: justify;
    font-size: 25px;
    list-style-type: none;
}

#features {
    margin-right: 45%;
    margin-left: 5%;
    text-align: cneter;
    line-height: 42px;
}

#little-ul {
    font-size: 20px;
}

.hideme {
    opacity:0;
}