body {
  background-color: #ECEDFA;
  font-family: Ossem-Rounded;
  margin: 0;
}

@font-face {
  font-family: "Ossem-Rounded";
  src: url("../items/fonts/Ossem-Rounded.otf");
}

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

button {
  background-color: #323AA3;
  border-width: 0.1vw;
  border-radius: 0.5vw;
  box-shadow: 0.1vw 0.1vw 0.2vw #012961;
  color: #FFFFFF;
  cursor: pointer;
  margin: 0.2vw;
  padding: 1vh 1vw 1vh 1vw;
  text-align: center;
  user-select: none;
}

button:hover {
  background-color: #525AD1;
}

div, span {
  box-sizing: border-box;
}

h1 {
  color: #FFFFFF;
  font-size: 2vw;
  margin: 0;
  text-align: center;
  text-shadow: 0.1vw 0.1vw #012961;
}

h2 {
  color: #FFFFFF;
  font-size: 1.5vw;
  margin: 0 0 1vh 0;
  text-align: center;
  text-shadow: 0.1vw 0.1vw #012961;
}

input {
  border: 0.15vw solid #012961;
  border-radius: 0.5vw;
  min-height: 3.5vh;
  width: 10vw;
}

input:hover, input:focus, input:active {
  outline: none;
}

#header-container {
  background-color: #3F48CC;
  box-shadow: 0.1vw 0.1vw 0.2vw #012961;
  display: flex;
  justify-content: space-between;
  max-height: 6vh;
  padding: 0.5vw;
  user-select: none;
}

.content {
  align-items: center;
  background-color: #3F48CC;
  border-radius: 0.5vw;
  box-shadow: 0.1vw 0.1vw 0.2vw #012961;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  margin: 5vh 25vw 5vh 25vw;
  padding: 1vw;
  row-gap: 1vw;
}

.sub-content {
  border: 0.1vw solid #ECEDFA;
  border-radius: 0.5vw;
  color: #FFFFFF;
  margin: 1vh 0 1vh 0;
  padding: 1vw;
  width: 90%;
}

/*
div, span {
  box-sizing:border-box;
}

h1 {
  color:#FFFFFF;
  font-size:2vw;
  margin:0;
  text-shadow:0.1vw 0.1vw #012961;
}

input {
  border:0.15vw solid #012961;
  border-radius:0.5vw;
  min-height:3.5vh;
  width:10vw;
}

input:hover, input:focus, input:active {
  outline:none;
}

.select-box > div {
  cursor:pointer;
  margin:0;
  padding:0;
}

.select-box > div:hover {
  background-color:#0260E3;
  color:#FFFFFF;
}

.select-container {
  position:relative;
}

.select-bar, .select-box {
  background-color:#FFFFFF;
  border:0.15vw solid #012961;
  border-radius:0.5vw;
  display:inline-block;
  font-weight:100;
  min-height:3.5vh;
  padding:0.1vw;
  position:relative
  user-select:none;
  width:10.6vw;
}

.select-container > .select-box {
  display:none;
  padding:1vw;
  position:absolute;
}

.select-container:hover > .select-box {
  border-top:0;
  border-radius:0 0 0.5vw 0.5vw;
  display:block;
  padding:0;
  z-index:2;

}

.select-container:hover > .select-bar {
  border-radius:0.5vw 0.5vw 0 0;
}

.select-box:hover {
  border-top:0;
}

.select-container:hover > .select-bar {
}

.select-bar:hover {
  border-radius:0.5vw 0.5vw 0 0;
}

.content {
  align-items:center;
  background-color:#0047AB;
  border-radius:0.5vw;
  box-shadow:0.1vw 0.1vw 0.2vw #012961;
  color:#FFFFFF;
  display:flex;
  flex-direction:column;
  margin:5vh 25vw 0 25vw;
  padding:1vw;
  row-gap:1vw;  
}

.button {
  background-color:#0047AB;
  border:0.1vw solid #FFFFFF;
  border-radius:0.5vw;
  color:#FFFFFF;
  cursor:pointer;
  margin:0.2vw;
  padding:0.2vw;
  text-align:center;
  user-select:none;
}

.button:hover {
  background-color:#0260E3;
}

.center {
  display:block;
  text-align:center;
}

#header-container {
  background-color:#0047AB;
  box-shadow:0.1vw 0.1vw 0.2vw #012961;
  display:flex;
  justify-content:space-between;
  max-height:8vh;
  padding:0.5vw;
  user-select:none;
}

#header-right {
  color:#FFFFFF;
  display:inline-block;
  padding:0.5vw 0;
}

*/