style.css

@import "sharedStyles.css";
@import "socialLinks.css";
@import "avtrAnimation.css";

.centered-flex {
    display: flex;
    justify-content: center;
    align-items: center;
}

.full-size {
    width: 100%;
    height: 100%;
}

nav > ul {
    writing-mode: vertical-lr;
    text-orientation: upright;
    list-style-type: none;
    padding: 0;
}

nav > ul > li {
    margin: 20px;
}

nav > ul > li > a {
    text-decoration: line-through;
    padding: 10px 20px;
    font-size: 4vh;
}

@media (orientation: landscape) {
    nav {
        flex-direction: row;
    }
}

@media (orientation: portrait) {
    nav {
        flex-direction: column;
    }
}

nav > ul > li > a:focus,
nav > ul > li > a:hover {
    box-shadow: 0 0 5px var(--neonViolet), 0 0 25px var(--neonViolet), 0 0 50px var(--neonViolet),
      0 0 100px var(--neonViolet);
}