body {
    margin: 0px;
    background-color: gray;
    font-family: ViceCity;
}
/*fits the image in carousel without repeating the image if it is stretched too much.*/
.carousel-inner img {
    object-fit:cover;
    width:100%;
    height: 100%;
    background-size:cover;
    background-repeat: no-repeat;
    height:400px;
}
/*Aligns logos to center, gives them general padding and colours footer differently than other parts of the page*/
.footer {
    padding: 30px;
    text-align: center;
    background-color:rgb(228, 228, 228);
}
@font-face {
    font-family: ViceCity;
    src: url(fonts/ViceCitySans.otf);    
}
/*Border to make the page easier to navigate*/
.container-fluid {
    background-color: white;
    width:100%;
    border-bottom: solid 2px #333;
}
/*Text colors and alignments*/
.container-fluid h1 {
    padding:5px;
    text-align: center;
    color:black;
}
.container-fluid h2 {
    padding:5px;
    text-align: center;
    color:black;
}
.container-fluid p {
    text-align:center;
    color:black;
}
.profile {
    text-align:center;
}
/*Wraps content nicely in sections*/
.content {
    text-align: center;
    margin-bottom:25px;
    padding-top:7px;
}
.content-text {
    padding:50px;
}
.content img {
    height:250px;
    width:250px;
}
.stylized-link {
    text-align:center;
    font-size: 40px;
    padding:20px;
}
/*Video propotions*/
iframe {
    margin-top:25px;
    width: 420px ;
    height: 315px ;
}
/*Centers the logo to absolute center of the header*/
.game-logo {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    text-align:center;
    z-index: 1;
}
.footer-margin {
    margin:30px;
}
/*Properties for the navbar*/
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}
/*Properties for the navbar*/
li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    height:100%;
    background-color: rgb(221, 105, 105);
}
/*hover properties for the navbar*/
li a:hover {
    background-color: rgb(255, 182, 182);
    text-decoration: none;
    color: black;
}
.active {
    background-color: rgb(168, 71, 71);
}
.msml {
    height: auto;
    width: 100%; 
}
.youtube {
    width:100%; 
}