.img {
    height: 250px;
    width: 375px;
}

.x {
    border-style: solid;
    border-width: 1.5px;
    border-color: #cccccc;
}

.y {
    border-top-style: solid;
    border-top-width: 1.5px;
    border-top-color: #cccccc;
    border-bottom-style: solid;
    border-bottom-width: 1.5px;
    border-bottom-color: #cccccc;
}

.z {
    border-style: solid;
    border-width: 1.5px;
    border-color: #cccccc;
    border-top-style: solid;
    border-top-width: 0px;
    border-top-color: #cccccc;
}

.w {
    border-left-style: solid;
    border-left-width: 1.5px;
    border-left-color: #cccccc;
    border-right-style: solid;
    border-right-width: 1.5px;
    border-right-color: #cccccc;
}

h1 {
    font-family: swing-king, sans-serif;
}

.handfont{
    font-family: swing-king, sans-serif;
}

.space{
    letter-spacing: 6px;
}

.greencolor{
    color: #84ce89;
}

.redcolor{
    color: #ce8484;
}

@media screen and (max-width: 430px) {

    .img{
        height: 200px;
        width: 300px;
    }
}

@media screen and (max-width: 350px) {

    .img{
        height: 100px;
        width: 150px;
    }
}