@charset "UTF-8";

div {
    background-color: #ffe4e1;
    text-align: center;
    }

body{
    background:#ffe4e1; 
    color:#000000;
    }


h1{
   color:#f08080;
   text-align:center;
   }

h2{
   color:#f08080;
   text-align:center;
   }

p{ color:#f08080;
   text-align:center;
   }

 img{
    border:3px;
     border-radius: 50%;
     width:200px;
     height:200px;
    }

.toppage{
        border-radius: 50%
        }

.btn{
     color:#f08080;
     background:#ffffff;
     width:200px;      
      margin:7px auto;
     padding: 7px;
    border-radius: 18px;
    border:1px solid #cd5c5c
    
    }
 
a:link{
       color:#f08080;
      }

a.introduce.html{
                color:#f08080;
                }

a.hobby.html{
            color:#f08080;
            }

a:visited{
          color:#cd5c5c;
         }

.img-wide{
   width: 300px;
   padding: 10px;
   overflow: hidden ;
}

.img-wide{
    display: block;
    transition: all 3s ease-in-out
        }

.img-wide{
   width:100%;
   vertical-align: middle;
        }

.img-wide img:hover {
         transform:scale(1.1);
}