/* Start https://www.cursors-4u.com */ * {cursor: url(https://ani.cursors-4u.net/cursors/cur-13/cur1152.ani), url(https://ani.cursors-4u.net/cursors/cur-13/cur1152.png), auto !important;} /* End https://www.cursors-4u.com */
        
        body {
            padding: 10%;
            background: url(bg1.jpg);
            font-family: "Noto Sans Mono", monospace;
        }
        .main {
            background: url(bg2.jpg);
            padding: 20px;
            border-radius: 8px; 
            border-color: #000;
            border-style: solid;
            text-align: justify;
            flex: 1;
            box-shadow: inset 0 0 5px #00ff00;
            box-shadow: 0 0 10px #00ff00;
            font-family: "Noto Sans Mono", monospace;

        }
        .side {
            background: none;
            padding: 20px;
            text-align: center;
            width: 30%;
            height: fit-content;
            font-family: "Noto Sans Mono", monospace;
      }
      h1 {
        color: #ce5300;
        text-align: center;
        font-family: "Niconne", cursive;
      }

      .container {

  display: grid;
  grid-template-columns: 2fr 1fr; /* 2 wider than 3 (adjust as needed) */
  grid-template-rows: auto auto;  /* height adapts to content */
  gap: 16px;

      }
      #draggable {
      width: auto;
      padding: 20px;
      background: #eee;
      border: 1px solid #aaa;
      position: absolute; /* required */
      cursor: grab;
      }

    .header {
   grid-column: 1 / -1; /* spans BOTH columns */



    }
    .butt{
  box-shadow: 0 0 16px #00ff00;
  background: #00ff00;
  color: #000;
border-radius: 15PX;
border-color: transparent;
font-size: x-large;
font-family: 'NOTO Sans Mono', monospace;}