/* home theme */

header * {
    color: #16db65;
}

body {
    background-color: #000d15;
}

/* Different styles for landscape and portrait displays */

@media (orientation: landscape) {
    .about {
        color: #f8f9fa;
        position: absolute;
        top: 50%;
        left: 60%;
        transform: translate(
            -60%,
            -50%
        ); /* Centering both horizontally and vertically */
    }
}

@media (orientation: portrait) {
    .about {
        margin: 2em;
    }
}

/* Links */

a {
    color: #16db65;
    font-size: inherit;
}

a:hover {
    color: #00ff66;
    font-size: inherit;
}
