@charset "utf-8";

/* 電卓CSS */

body{

  background-size: 80px 80px;

font-size: 50px;
font-family: "Zen Maru Gothic", sans-serif;
}



section{
    
    background: linear-gradient(120deg,#fff0df 0%,#f9b9c9 45%, #f3b6bb 100%);
    min-height: 100vh;
    width: 760px;
    margin: 80px auto;
    padding: 40px;
    display: grid;
    box-shadow: 5px 5px 5px 5px #714651;
    border-radius: 20px;
         background-image:url(../image/89ab995cdbc7eaa1d6f3d8812298562f.png);
         


    

}
section h1{
    
background-color: rgb(79 45 32);
margin: 40px;
text-align: right;
padding:20px;
border-radius: 30px;
font-weight: bold;
font-size: 70px;
color: rgb(233 199 187);
}

section ul{
    background-color: pink;
    background-image: linear-gradient(rgb(193 125 99),rgb(132 77 56),rgb(65 31 18));
    display: flex;
    flex-wrap: wrap;
gap: 40px;
border-radius: 30px;


}

section ul li{
    background-color:rgb(236 196 181);
    flex: 200px;
    margin-bottom: 40px;
    padding: 20px;
    text-align: center;
 border-radius: 30px;
 color: brown;
     text-shadow: 2px 2px 2px #f9b9c9;


}

ul li:hover{
    text-decoration: underline ;
}