body{
    background-color: #cbe8ff;
}

.hello{
    text-shadow: 3px 2px 1px #fff;
}
p.radius{
    display: inline-block;
    border: solid 3px #196dfd;
    border-radius: 30px;
}

div.box{
    background-color: #ece5e5;
    box-shadow:  
    6px 6px 10px#cac5c5,
    -6px -6px 10px #ffffff;
    border-radius: 30px;
}

p.shadow{
    font-family:Georgia, 'Times New Roman', Times, serif;
    margin: 0 30px;
}
div.pic{
    width: 215px;
    height: 200px;
}

div.bg{
    width: 40%;
    height: 20%;
    position: absolute;
    top: 20em;
    left: 0;
    background-size: cover;
    background-image:url(ra-men_design6.JPG) ;
    opacity: 0.5;
}

p.zindex{
    width: 100%; 
    height: 1.5em;
    color: #001e5e;
    font-size : 18px;
    font-weight: bold;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    z-index: 100000;
}
h1.naname {
    width:50%;
    background: #196dfd; 
    transform: rotate(-10deg); 
    text-align: center; 
    border: solid 1px #000;
 }

p.roll:hover{transform: rotate(-360deg); transition:5s;}
p.roll{transition: 5s;
    width: 50%;
    margin-top: 5ex;
    background: #fff;
    border: solid 1px #000;
    border-radius: 30px;
    text-align: center;
 }