.background {
    background-image: url(animegirlwitheviolin.jpg);
    background-size: 1810px;
    width: 1810px;
    height: 885px;
}

.box {
    max-width: 1000px;
    padding-top: 150px;
    margin-left: 50px;
    margin-right: 50px;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 300px minmax(0, 1fr);
}

body { 
    cursor: url(cursor.png), auto;
}

a:hover { 
    cursor: url(cursor2.png), auto;
}

header {
    border: #edf8d2 2px solid;
    border-radius: 10px;
    height: 75px;
    background-color: #276b5a;font-family: sans-serif; font-size: 40px; font-weight: bolder;
    color: #edf8d2;
    padding-bottom: 30px;
    box-shadow: inset 0px 30px 10px 5px #d3f89d;
    grid-row: 1 / 2;   
    grid-column: 1 / 3;
}

.title {
    display: flex; justify-content: flex-start; overflow: hidden;
}
.animtitle {
white-space: nowrap;
padding: 0.6rem;
letter-spacing: 1px;
animation: move-rtl 6000ms linear infinite;
}

@keyframes move-rtl {
    0% { 
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-100%);
    }
}
nav {
    border: #ffe4eb 3px solid;
    background-color: #F76F8E;
    border-radius: 10px;
    box-shadow: inset 0px 10px 10px 5px #ffb5bf;
    grid-row: 2 / 3;
    grid-column: 1 / 2;
    height: max-content;
}

.madoka{max-width: 100%; margin-top: 10px;margin-left: 40px; text-align: center;
border: 2px solid #d3f89d; background-color: #d3f89d; border-radius: 4px; width: 200px; height: auto; padding: 5px 5px 5px 5px;
}

.aboutme {margin-left: 80px;line-height: 2; color: #742336; font-weight: bolder;}

.navtext {
    border: #d3f89d 2px solid; background-color: #d3f89d;
    margin-left: 20px; margin-right: 20px; padding-bottom: 10px; font-family: sans-serif; font-weight: bold;
}

.mood {margin-left: 20px; margin-right: 20px; font-family: sans-serif; font-weight: bold; padding-top: 10px; padding-bottom: 10px;
    border: 2px solid #d3f89d; background-color: #d3f89d;}

main {
    border: #496573 5px solid;
    border-radius: 10px;
    background-color: #96ACB7;
    grid-row:  2 / 3;
    grid-column: 2 / 3;
    height: max-content;
}

.main {
    font-family: sans-serif; font-weight: bold;
    margin-left: 25px; margin-right: 25px;
}

.q {color: #edf8d2} 

.q1 {border: #edf8d2 2px solid; background-color: #edf8d2;
padding-left: 15px; padding-bottom: 10px; padding-top: 10px;
}

.smalltitles { font-size: 20px; font-weight: bolder; color: #496573;}



footer {
    border: #fccfe9 2px solid; 
    background-color: #E2B6CF;
    border-radius: 30px;  
    box-shadow: inset 0px 10px 10px 10px #d5627d;
    grid-row: 3 / 4;
    grid-column: 1 / 3;
}