@import "{{ site.theme }}";

*{
    padding: 15px;
    margin: 0%;
}
body{
    height: 100vh;
    background-image: linear-gradient(to bottom right, #845EC2, #D65DB1, #FF6F91, #FF9671, #FFC75F, #F9F871);
    opacity: 10;
    color:white;
}

a {
    color: black;
    font-size: 20px;
}

p {
    font-family: Arial, Helvetica, sans-serif;
}

h1 {
    color:#4B4453;
}

h2 {
    margin-left: 5%;
    color:#4B4453;
}

img {
    width: 300px;
}

.navigation{
    position:absolute;
    background-image: linear-gradient(to bottom right, #845EC2, #2C73D2, #0081CF, #0089BA, #008E9B, #008F7A);
    width: 91%;
    height: 25%;
    max-height: 25%;
    max-width: 91%;
    max-block-size: 15%;
    padding-bottom: 5px;
    padding-left: 50px;
}
.navigation2{ 
    position:absolute;
    background-image: linear-gradient(to bottom right, #845EC2, #2C73D2, #0081CF, #0089BA, #008E9B, #008F7A);
    width: 91%;
    height: 20%;
    max-height: 20%;
    max-width: 91%;
    padding-bottom: 5px;
    padding-left: 50px;
}

.navigation ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.content {
    padding-top: 260px;
    padding-left: 0%;
    padding-right: 0%;
}

.navigation li {
    float: left;
    padding-right: 0%;
}

.portrait {
    max-width:300px;
    width:100%;
    
}

.GameIcon {
    max-width: 700px;
    max-height: 700px;
    width: 80%;
    
}

.portrait img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-right: auto;
}