@charset"utf-8";

body {
    color: white;
    background-color: rgb(92, 189, 159);
}

img {
    width: auto;
    height: auto;
    border: solid 3.5px black;
}


h1 {
    font-size: 95px;
    margin-bottom: 2%;
    margin-top: 0%;

        font-family: "Montserrat Underline", sans-serif;
        font-style: normal;
}

h2 {
    font-size: 30px;
    margin-top: 0.5%;
    margin-bottom: 0%;
    border-bottom: solid 3.5px black;

    font-family: "Radley", serif;
    font-style: normal;
}

h3 {
    margin: 1% 2%;
    margin-bottom: 10px;

    font-family: "Zen Old Mincho", serif;
    font-style: normal;
}

section {
    border-bottom: solid 3px black;
}

p {
    margin-top: 3px;
    margin-bottom: 6px;
    font-weight: bold;

    font-family: "Radley", serif;
    font-style: normal;
}

ul p span {
    font-size: 20px;
    font-weight: bold;
}

ul p a {
    font-weight: bold;
}

section p span {
    font-weight: bold;
    font-size: 20px;
    text-decoration: underline solid white 1.5px;
}

strong {
    text-decoration: underline wavy white 1.5px;
}

ul {
    list-style: none;
    text-align: left;
    padding: 0% 8%;
}

ul p {
    font-size: 17px;
}

a {
    color: white;
    text-decoration: none;
    font-weight: 250;
}

h1 a {
    text-shadow: 4px 4px 2px #000000dd;
}

section a {
    font-weight: bold;

    font-family: "Radley", serif;
    font-style: normal;
}

span a {
    font-size: 20px;
    font-weight: bold;
}

a:hover {
    color: rgb(189, 245, 184);
}

#border {
    border: none;
}

.inner {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

header {
    margin-bottom: 1%;
}

content {
    display: flex;
    gap: 50px;
    justify-content: center;
}

aside {
    width: 350px;
    margin-left: 30px;
}

.profile {
    margin-top: 2%;
    margin-bottom: 2%;
    border: solid 3.5px black;
    background-color: #7dcab0;
}

.link {
    margin-top: 2%;
    margin-bottom: 2%;
    border: solid 3.5px black;
    background-color: #7dcab0;
}

.map {
    margin-top: 2%;
    margin-bottom: 2%;
    border: solid 3.5px black;
    background-color: #7dcab0;
}

main {
    width: 1000px;
    margin-top: 8px;
    margin-right: 30px;
}

.diary {
    color: white;
    border: solid 3.5px black;
    background-color: #7dcab0;
}

.sentence {
    color: white;
    height: 700px;
    overflow-y: auto;
    scrollbar-color: #7dcab0 white;
}

#section {
    border-bottom: none;
}

footer {
    text-align: center;
    flex-wrap: wrap; 
    flex-direction: row;
    margin-top: 10px;
}