* {
  box-sizing: border-box;
  scroll-behavior: smooth;
  font-family: 'Oxygen', sans-serif;
}

body {
    background-color: white;
}

/* Used for the game logo */
.logocenter {
    position: relative;
    min-width: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    filter: brightness(60%);
    max-width: 100%; 
    height: auto;
    padding-top: 450px; 
}

/* Used for google play logo */
.googleplay {
    position: relative;
    filter: brightness(80%);
    transform: translate(-50%, -50%); 
    height: auto;
    left: 50%;
    top: -200px;
}

/* Used for jumbotron */
.jumbotron {
    background-size: cover;
    background-image: url("websitebackground3.png");
    height: 80vh;
    filter: brightness(150%);
    width: 100%;
    height: 900px;
}

/* Makes changes to all rows */
.row {
   margin: 0px;
   border-bottom-style: solid;
   border-color: #FF9C43;
   border-width: 10px;
}

/* Small changes for navbar items and navbar links */
.navbar-item, .navbar-link {
    color: #4a4a4a;
    display: block;
    line-height: 1.5;
    padding: .5rem 1rem;
    position: relative;
}

/* Used in the Game portal text */
.mytext {
    color: white;
    padding-top: 50%;
}

/* Used in team members pictures */
.teampictures {
    width: 280px; 
    border-style: solid;
    border-color : #202020;
}

/* Minor change to every fluid container */
.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}

/* Icludes copyright information */
.footer {
    background-color: #202020;
    padding-top: 20px;
    color: white;
    }

/* Helps to create lightbox window */
#lightbox .modal-content {
        display: inline-block;
        text-align: center;   
}

/* Helps to create lightbox window  */ 
#lightbox .close {
    opacity: 1;
    background-color: rgb(25, 25, 25);
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -15px;
    right: -55px;
    z-index:1032;
}

/* Helps to create lightbox window */
.modal-body {
    padding: 0px;
}

/* Covers the screen and makes it float left */
.cover {
    float:left;
}

/* Hyperlink hover colour */
a:hover {
    color: #FF9C43;
}

/* Hyperlink color */
a:link {
    color: white;
}

/* Changes the navbar link color */
.nav-link-darken {
    color: #BCBEC0 !important;
    text-decoration: none;
}