body {
    color: white;
    background-color: #292929;
}

.crown {
    position: absolute;
    font-size: 4.5vh;
}

.masked-text {
    color: transparent;
    background-image: url("assets/image.jpg");
    background-position: 10px 10px;
    background-size: cover;
    -webkit-background-clip: text;
    background-clip: text;
    font-size: xxx-large;
}

.description {
    text-align: justify;
    margin-right:35%;
}

.quotes{
    margin-left: 35%;
    border: 1px solid white;
    border-radius: 15px;
    padding-left: 15px;
}

.quote, .actuallynicequote{
    display: block;
    border: 1px dashed white;
    margin: 10px;
    border-radius: 15px;
    padding: 10px;
    color: white;
    text-decoration: none;
    cursor: pointer;
}

.quote:hover, .actuallynicequote:hover,
.quote:focus-visible, .actuallynicequote:focus-visible {
    background-color: #3a3a3a;
}

.actuallynicequote{
    border: 1px dashed red;
}

.quote{
    border: 1px dashed lightgreen;
}

.pic1{
    position: absolute;
    top: 35%;
    left: 73%;
}

.pic2{
    position: absolute;
    top: 100%;
}

.idkwhattonamethisone{
    position: absolute;
    left:15%;
    top:15%;
    color: gray;
}

footer{
    text-align: center;
}
footer a{
    color: rgb(50, 126, 250);
}