@import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Prosto+One&display=swap');

body {
  background-color: #eeb1cb;
  color: black;
    font-family: DotGothic16;
font-size: 18px;
}

.page2 {
  display: flex;
    justify-content: center;
}

.banner {
  width:1280px;
  height:258px;
  top: 10%;
  left: 50%;
  background-image: url(https://sunnylatte.neocities.org/SUNNYLATTE.png);
border-radius: 10px;
border-width: 1px;
border-color: #c80356;
border-style: solid;
  display: grid;
  margin: auto;
grid-template-rows: auto 10px;
}

::selection {
  background-color: #c8035650;
  border-radius: 10px;
  color: white;
}

.container { 
border-radius: 10px;
border-width: 1px;
border-color: #c80356;
border-style: solid;
background-color: white;
width: 800px;
height: auto;
 padding: 20px;
}

.navbar { 
border-radius: 10px;
border-width: 1px;
border-color: #c80356;
border-style: solid;
background-color: white;
width: 110px;
height: auto;
 padding: 20px;
}

.navbar2 { 
border-radius: 10px;
border-width: 1px;
border-color: #c80356;
border-style: solid;
background-color: white;
width: 150px;
height: auto;
 padding: 20px;
}

.page1 {
display: inline-grid;
grid-template-columns: 110px 45px 800px 45px 150px;
margin-top: 20px;
    position: static;

}

.button { 
border-radius: 10px;
border-width: 1px;
border-color: #c80356;
border-style: dashed;
background-color: white;
width: auto;
margin-bottom: 5px;
height: auto;
 padding: 7px;
 transition: 0.3s;
}

a {
     text-decoration: none;
   color: #c80356;
}

.button:hover {
transform: scale(1.10);
}

.active {
  background-color: #c80356;
  color: white;
}

.header {
  font-family: "Prosto One";
font-size: 28px;
color: white;
-webkit-text-stroke: 3px #c80356;
paint-order: stroke fill;
text-align: center;
}

.quote {
  border-radius: 10px;
border-width: 1px;
border-color: #c80356;
border-style: dashed;
background-color: #eeb1cb;
width: auto;
height: auto;
 padding: 20px;
 margin-bottom: 10px;
   line-height: 60%
}