button:hover, input:hover {
    filter: opacity(70%);
    scale: 1.1;
}

.mainBox, .mainBox2 {
    max-width: 1200px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.mainBox2 {
    justify-content: space-between;
    margin-top: 40px;
}

.Text {
    max-width: 500px;
}

.Text3 {
    max-width: 80%;
}

.Text, .Text2, .Text3 {
    text-align: center;
    color: lightblue;
    text-shadow: #000000 2px 2px 2px;
    font-family: 'Balsamiq Sans';
    margin: auto;
    font-size: 20px;
}

.linkHide {
    color: lightgreen;
}

.Caption, .Caption2 {
    font-size: 100px;
    text-decoration: underline;
    color: #7be61e;
    max-width: 100%;
}

.Caption2 {
    font-size: 50px;
    margin-top: 50px;
}

.special {
    color: rgb(255, 255, 225);
}

.sideL, .sideR {
    width: 128px;
    display: grid;
    row-gap: 30%;
    height: 400px;
}

.sideL {
    padding-left: 72px;
}

.sideR {
    padding-right: 72px;
}

#fly {
    margin-left: -72px;
}

#car {
    width: 200px;
}

.bigBox {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-left: 10%;
    margin-right: 10%;
}

.ArtCommBox, .Addons, .DoDonts{
    border-radius: 5px;
    display: flex;
    background-color: #94c1f548;
    box-shadow: 10px 5px 5px #120542a4;
    border: 3px solid #123d7e9a;
}

.ArtCommBox div {
    width: 60%;
}

.ArtCommBox img {
    width: 40%;
    border-radius: 5px;
    border: 3px solid #1205426e;
}

#subcapt {
    font-size: 30px;
}

.Flat, .Shaded {
    margin-left: -5%;
}

.Simple, .Stickers {
    margin-right: -5%;
}

.Addons, .DoDonts {
    margin-top: 50px;
}

.green {
    color: lightgreen;
}

.red {
    color: lightcoral;
}

.green, .red {
    width: 400px;
}

.DoDonts {
    width: 800px;
    gap: 20px;
    display: flex;
    flex-direction: row;
}

@media only screen and (max-width: 800px) {
    .emote, #car {
        width: 100%;
        align-self: center;
        min-width: 50px;
    }
    #fly {
        margin-left: 0px;
    }
    .sideL {
        padding-left: 0px;
    }
    .sideR {
        padding-right: 0px;
    }
    .ArtCommBox, .DoDonts {
        flex-direction: column;
        gap: 30px;
    }
    .bigBox {
        margin-left: 5%;
        margin-right: 5%;
    }
    .ArtCommBox img {
        align-self: center;
        width: 100%;
    }
    .Flat, .Shaded, .Simple, .Stickers {
        margin-right: 0%;
        margin-left: 0%;
    }
    .DoDonts {
        width: 100%;
    }
    .green, .red {
        width: 100%;
    }
    .Caption {
        font-size: 50px;
    }
}