@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@450&display=swap');

body {
	background-color: #C2D3ED;
	font-family: 'Outfit', Georgia, serif;
	font-size: 2.5vw;
	text-align: center;
	opacity: 80%;
    color: #4B5057;
}

header {
    text-decoration: none;
    opacity: 40%;
    font-size: 1.3vw;   
}

h1 {
    font-size: 4vw;
    color: #4B5057;
    padding: none;
    margin: auto;
}

h1:hover {
    text-decoration: none;
    opacity: 70%;
}

a {
    text-decoration: none;
    color: #4B5057;
}

a:hover {
    text-decoration: none;
    text-decoration-color: ;
    opacity: 70%;
}

a:visited {
    color: #4B5057;
}

@media (max-aspect-ratio: 7/5){
  html{
    zoom: 190%;
  }
}

.select {
	display: inline-flex;
}

img {
    height:  24vw;
    transition: width 2s ease-out 4s;
}

.icon {
    height: 5vw;
    opacity: 40%;
}

#note {
    font-size: 1.5vw;
    margin-top: auto;
}

#about {
    font-size: 1.6vw;
    text-align: justify;
    margin-right: 10vw;
    margin-left: 10vw;
    margin-bottom: 1vw;
}

mark {
    background: linear-gradient(180deg,rgba(255,255,255,0) 55%, #E2D2B6 50%);
    cursor: pointer;
    color: #4B5057;
}

p {
    margin-top: 5px;
    margin-bottom: 5px;
}

#imageSpace {
    margin-top: 5px;
    margin-bottom: 5px;
}

#poemSpace {
    margin-top: 5px;
    opacity: 90%;
}