body{
     background-image:url(https://i.pinimg.com/originals/f2/ff/82/f2ff82037fcc5a2305be0ee82d79e893.gif);
     background-repeat:no-repeat;
     background-size:cover;
     background-position:center;
     background-attachment: fixed;
     cursor: url(pokebol2.png), auto;
}
      a:hover{cursor: url(pokebol2.png), pointer }

            .box0{
                flex:1;
                background-color: rgb(250, 211, 237);
                color:blue;
                font-size:16px;
                width:300px;
                padding: 16px;
                font-family: monospace;
                border-radius: 16px;

              }
              
               .container{
                display: flex;
                align-items: flex-start;
                gap:20px;
                
              }

              .layout{
                display: flex;
                justify-content: center;
                align-items: flex-start;
                gap: 20px;
                position: relative;
                
                 max-width: 1100px;
                 margin: auto;      /* центр всей сцены */
                 padding-top: 40px;
           }

              .side-image {
             position: absolute;
             top: 100px;
             left: -70px;
             width: 250px;
             height: auto;
             font-size: 16px;

              }

              .cute-img{
               width: 320px;
               height: auto;

               position: absolute;
               top: 250px;
               right: 30px;
              }

              .icon-small{
                width:16px;
                height:auto;
                vertical-align:middle;
              }


           .box1{
            flex:1;
            background-color: azure;
            color:blue;
            font-size: 16px;
            width: 200px;
            padding: 16px;
            font-family: monospace;
            border-radius: 16px;
            box-shadow: 0 8px 20px 0 rgba(0,0,0,0.2);
            /*margin:auto;*/
           }

           .about-section{
            background-color: azure;
            color:blue;
            font-size: 14px;
            width:300px;
            padding:16px;
            font-family: monospace;
           }

           .navigation-nav{
            background-color: rgb(250, 211, 237) ;
            font-size: 16px;
            color:blue;
            width:250px;
            padding: 12px;
            font-family: monospace;
            border-radius: 12px;
            border-color: cornflowerblue;

           }

            .Emo-state{
                position:absolute;
                top: 500px;
                left: 40px;

                width:350px;
                height:350px;

                padding:10px;
                margin: auto;
                /*overflow-y:auto;*/ 

                border: 10px solid #ed71c4 ; 
                border-width: 15px;
                border-radius: 15px;
              /*  border-image:url("https://i.pinimg.com/736x/a4/c5/8d/a4c58d11607a4eb5d0185659ca39a0cb.jpg") 30 round;*/
                /* Чтобы рамка не увеличивала ширину блока сверх 250px */
                box-sizing: border-box;
                object-fit: cover;
                
                line-height: 2;
                font-family:monospace;
                font-size: 16px;
                background: #cffbf5;

              }

           .page{
            width: 600px;
            height: 750px;
            padding:30px;
            overflow-y: auto;
            margin: 30px auto;
            box-shadow: 0 0 20px rgba(0,0,0,0.3);

            border: 15px solid #eddb71 ;
            border-radius: 15px;
            line-height: 2;
            font-family:monospace;
            font-size: 16px;
            
            background-color: #3a6cb7;
            background-image: url(https://user.xmission.com/~emailbox/caticons/icon44.gif)
           }

           body h1{
            font-family: 'Silkscreen', cursive;
            font-size: 32px;
            text-align:center; /*заголовок по центру за окном*/
            margin-top: 40px;
            margin-bottom: 30px;
            color: #000000;
           }

           .silkscreen-regular {
            font-family: "Silkscreen", sans-serif;
            font-weight: 400;
            font-style: normal;
         }

           .silkscreen-bold {
            font-family: "Silkscreen", sans-serif;
            font-weight: 700;
            font-style: normal;
      }





