/* THIS is for the "button" tutorial page*/

.colormean {
    width: 500px;
    height: 600px;
    background-color: black;
    color: white;
    border: 2px solid #000000;
    border-radius: 25px;
    box-shadow: 0px 0px 40px darkgrey;
    padding: 20px;
    margin: 20px;
    left: 1000px;
    font-size: 220%;
    padding: 4px;
    position: absolute;
    font-family: "Alfa Slab One", serif;
}
.borderman {
    width: 500px;
    height: 600px;
    background-color: gray;
    color: white;
    border: 2px solid #808080;
    border-radius: 25px;
    padding: 20px;
    margin: 20px;
    left: 200px;
    font-size: 220%;
    padding: 4px;
    position: absolute;
}

@media (max-width:600px) {
    .colormean {
        width: 100px;
        height: auto;
        font-size: 80%;
        left: 20px;
    }

    .borderman img {
        width: 100px;
        height: 200px;
        font-size: 80%;

    }

}