ScratchGames.css

body {
    text-align: center;
    background-color: #00d5ff;
}
h2 {
    font-size:250%;
}
a.standard_link:link {
    color: #00fff7;
}
a.standard_link:visited {
    color: #ffd000;
}
.games_box, .similar_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.similar_box {
    background-color: #0003;
    outline-width: 5px;
    outline-style: solid;
    -webkit-box-sizing: border-box; box-sizing: border-box;
    max-width: calc(100% - 10px);
}
.game_button {
    display: inline-block;
    text-decoration: none;
    padding: 10px;
    margin: 10px;
    width: 400px;
    transition: 1s;
}
.game_button:hover {
    box-shadow: 0px 0px 20px 3px #00d0ff;
}
.game_title {
    font-size: 200%;
    font-weight: bold;
}
.game_with_variant {
    position: relative;
    display: flex;
}
.game_with_variant > .game_variant {
    position: absolute;
    display: inline-block;
    text-decoration: none;
    padding: 10px;
    transition: 1s;
    width: 350px;
    height: 30px;
    bottom: 20px;
    left: 40px;
}
.game_variant:hover {
    box-shadow: 0px 0px 20px 3px #00d0ff;
}
.variant_hold {
    display: block;
    height: 60px;
    width: 100%;
}
#homepage_return {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    font-size: 25px;
    background-color: #00aeff;
    color: #8df0ff;
    border: solid #8df0ff 5px;
    width: 400px;
    height: 45px;
    font-weight: bold;
    text-decoration: none;
}
.hover_grow {
    transition: scale 0.5s;
}
.hover_grow:hover {
    scale: 1.05
}