.textform1 {
resize: none;
width:250px;
height:350px;
font-size: 15px;
border-radius:10px;
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);
font-weight: 200;
font-family: "serif";

}

.textform2 {
resize: none;
width:95%;
height:300px;
font-size: 12px;
border-radius:10px;
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);
font-weight: 200;
font-family: "serif";

}

.box {
width:500px;
padding: 0.5em 1em;
margin: 2em 0;
color: #000000;
background: #ffffff;/*背景色*/
border-top: solid 6px #1dc1d6;

box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);/*影*/
}
.box p {
margin: 0;
padding: 0;
}

body {

}

.button {
display: inline-block;
padding: 0.5em 1em;
text-decoration: none;
border-radius: 3px;
font-weight: bold;
color: #FFF;
background-image: linear-gradient(45deg, #709dff 0%, #b0c9ff 100%);
transition: .4s;
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);
}

.button:hover {
background-image: linear-gradient(45deg, #709dff 50%, #b0c9ff 100%);
}

.moji {
font-size: 10px;
font-weight: 200;

}

.rotate span {
display: inline-block;
animation: rotate-anime 0.1s ease-in-out infinite;
font-size: 30px;
font-weight: 200;
}

@keyframes rotate-anime {
100%{ transform: rotate(360deg) }
}