body {
    background: black;
    color: white;
}

.inner {
    position: fixed;
    box-sizing: border-box;
    width: calc(60vw);
    height: calc(30vw);
    left: calc(20vw);
    top: calc(50vh - 15vw);
    outline: rgb(255, 255, 255) solid 0.05vw;
}

.exteriorup {
    position: fixed;
    box-sizing: border-box;
    width: calc(60vw);
    height: calc(1.2vw);
    left: calc(20vw);
    top: calc(50vh - 18vw);
}

.exteriordownleft {
    position: fixed;
    box-sizing: border-box;
    width: calc(30vw);
    height: calc(1.2vw);
    left: calc(20vw);
    top: calc(50vh + 14.7vw);
}

.exteriordownright {
    position: fixed;
    box-sizing: border-box;
    width: calc(30vw);
    height: calc(1.2vw);
    left: calc(50vw);
    top: calc(50vh + 14.7vw);
    text-align: right;
}

p {
    font-size: 1vw;
}

a {
    color: rgb(34, 170, 129);
    text-decoration: none;
}

a:hover {
    color: rgb(179, 250, 48);
}

a:active {
    color: rgb(250, 88, 48);#w {
        left: calc(50vw);
        top: calc(50vh - 18vw);
    }
}

a:visited {
    color: rgb(23, 214, 182);
}