@charset "UTF-8";
body {
    background-color: #fffeee;
   
}
.samune {
    display: block; /* インライン要素のデフォルトをブロック要素に */
    margin: 0 auto; /* 左右の余白を自動で中央寄せ */
    width: 600px; /* 横幅を300pxに */
    height: 300px; /* 縦幅は自動調整（アスペクト比を維持） */
    
}

h1{
    color: rgb(6, 7, 7);
    font-family: "black"sans-serif;
    font-size: 60px;
    text-align: center;
    div{
        background:#0bd;
        margin-top: 30px;
        margin-left: 100px;
    }
}
p{
    font-family: "游ゴシック体", "Yu gothic", YuGothic, sans-serif;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    div{
        background:#0bd;
        margin-top: 30px;
        margin-left: 100px;
}
.text {
    border: 2px solid #000; /* 黒色の2pxの実線の枠線 */
    padding: 8px; /* 内側に少し余白を追加 */
}
}
.x {
    width: 80px;
    height: auto;
    transition: opacity 0.3s ease;
  }
  
  .x:hover {
    opacity: 0.5;
  }