@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+JP&display=swap');
.s2  { 
border-radius: 25px 25px 25px 25px;  
border: 4px solid #333;
}
body{
text-align: center;
margin: 100px;
font-family: 'IBM Plex Sans JP', sans-serif;
cursor : wait;
}

div{
           width : 225px;
           height: 100px;
           margin: 5px;
           text-align: center;
         }

.css_position_fixed{
  position : fixed;
  top      : 10px;
  right    : 20px;
}
p {
font-size:50px;
}


.s2{
  animation : sample_s1 6s ease 0s 1 alternate;
  height : 50px;
  color  : #fff;
}
@keyframes sample_s2 {
 0%  {width:1px;  background:red;}
 20% {width:20px; background:#ff0;}
 40% {width:40px; background:#fa0;}
 60% {width:60px; background:#00af00;}
 80% {width:80px; background:#0f0;}
 100%{width:100px;background:0ff;}
}