* {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  text-align: center;
  justify-content: center;
  font-family: sans-serif;
}

.content {
   margin-top: 8dvh;
}

body, h1, p {
  color: #666;
}

.cv, a{
  color: #666;
  font-size: 10px;
}

.cv {
  margin-top: 40px;
}

h1 {
  font-size: 30px;
  letter-spacing: 2px;
  font-weight: 600;
  margin-bottom: 5dvh;
}

#dog {
  margin-top: 2dvh;
}

#onenyan {
  font-size: 7px;
  letter-spacing: 1px;
  font-weight: 300;
  margin-top: 2dvh;
}

p {
  font-size: 13px;
  letter-spacing: 2px;
}

.main {
  margin-top: 5dvh;
}

.btn {
  position: relative;
  text-align: center;
  text-decoration: none;
  background: #f59099;
  color: #fff;
  display: inline-block;
  width: 150px;
  line-height: 150px;
  border-radius: 50%;
  border-style: none;
  font-size: 80px;
  box-shadow: 0 5px 0 #da838a;
  touch-action: manipulation;
}

.btn:hover {
  opacity: 0.8;
}

.btn:active {
  top: 5px;
  box-shadow: none;
}

#everynyan {
  margin-top: 7dvh;
}

#tweet {
  margin-top: 2dvh;
}

/* メディアクエリ */
@media (min-height: 700px) {
  .content {
    margin-top: 100px;
  }
}

@media (min-width: 660px) {
  .container {
    display: flex;
    justify-content: center;
    padding: 60px 0 40px;
  }

  .about {
    margin-right: 100px;
  }
}