body{
    margin: 0;
    font-family: 'M PLUS 1p', sans-serif;
}

h1, h2, h3, h4{
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 700;
}
.container{
    height: 100vh;
    position: relative; /*中央揃えしたい要素の親要素に指定*/
    margin: 0;
    /* width: 70vw; */
}

span#mouse{
    animation: r1 1s linear infinite;
    display: inline-block;
    vertical-align: middle;
}
@keyframes r1 {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

div#profile{
    border: solid 1px;
    border-radius: 10px;
    border-color: #dcdcdc;
    margin: auto;
    position: absolute;  /*要素を浮かす*/
    /*relativeを指定した親要素を支点とした位置をすべて0に指定↓*/
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto; /*上下左右中央に*/
    width: 70vw;
    height: 80vh;
    padding: 2%;
}

div#profile h1:first-child{
    text-align: center;
    font-size: 2.5vmax;
}

#description{
    margin: 5%;
    font-size: 1.2vmax;
}