@import url("../base/index.css");

#title {
    color: whitesmoke;
}

.box {
    margin-top: 1rem;
    border: 0.25rem solid whitesmoke;
    padding: 0.75rem;
}

.text {
    font-size: large;
    color: whitesmoke;
}

#rec {
    color: lime;
    text-decoration: none !important;
}

#htt {
    color: red;
    text-decoration: none !important;
}

@media (orientation: portrait) {
    .box {
        width: calc((19 / 4) * 4vh);
    }
    .box:hover {
        width: calc((19 / 4) * 6vh);
    }
}

@media (orientation: landscape) {
    .box {
        width: 30vw;
    }
    .box:hover {
        width: 35vw;
    }
}