body {
  height: 100vh;
  margin:0;
  background:rgb(95, 49, 91);
  transition:1s all ease-in-out;
}
body.light {
  background:rgb(214, 204, 224);
}
.wrapper > * {
  height: 100%;
}
.wrapper {
  width: 800px;
  height: 60vh;
  margin:0 auto;
  position: absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  display: flex;
  box-shadow:20px 20px 50px rgba(0,0,0,0.4);
  border-radius:10px;
}
.eval__img {
  background:url('../img/bg.jpg') center/cover;
  width: 40%;
  border-radius:10px 0 0 10px;
}
.eval__txt {
  width: 60%;
  background:white;
  box-sizing:border-box;
  padding:15px 50px;
  border-radius:0 10px 10px 0;
}
h1 {
  text-align: center;
  font-family: 'DM Serif Display', serif;
  font-weight: normal;
}
p {
  font-family: 'Open Sans', sans-serif;
}
a {
  color:crimson;
  text-decoration: none;
}
a:hover {
  color:#000;
}
.switch {
  position: absolute;
  top:50px;
  right:50px;
  width: 30px;
  height: 30px;
  border-radius:5px;
  border:2px solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  transition:.3s all ease-in-out;
}
body.light .switch {
  border-color:black;
}
.switch span {
  display: inline-block;
  width: 10px;
  height: 10px;
  background:#fff;
  border-radius:50%;
  transition:.3s all ease-in-out;
}
body.light .switch span {
  background:#000;
}
.switch:hover span {
  width: 15px;
  height: 15px;
}
nav {
  margin-top: 10px;
  display: flex;
  justify-content:space-evenly;
}