body { 
    background-color: #abcced; /* light blue */
    cursor: url(3DArrow.png), auto;
    height: fit-content;
    width: 99.9%;
    overflow-x: hidden;
    justify-items: center;
    margin: 10px 0 0 0;
  }
    a:hover {
     cursor: url('3DArrow-hover.png') 32 0, auto;
   }
   work-prog {
     font-weight: bold;
     color: #ffcc99;
     background-color: #000000;
     text-align: start;
   }
   back-text {
     color: #ffcc99;
     background-color: #000000; 
   }
#back-to-home {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 2%;
  top: 3%;
  width: 7%;
  height: fit-content;
  text-align: center;
  font-family: 'Cascadia Code';
  font-size: 10pt;
}
  .yelgren {
    content: url('cf-yelgren.png'); 
    width: 90%;
    height: auto;
    opacity: 1;
    margin: 0 auto 0 auto;
  }
   
/* -----------myDRAWIGNS PAGE----------- */

#draw-header {
    display: flex;
    width: 99%;
	  height: fit-content;
	  background-image: url('bg-wavyblues-horz.png');
	  background-repeat: repeat;
	  background-attachment: scroll;
    background-size: 100px 10px ;
    background-position: left;
	  border: 6px inset #000000; 
   }
.title-image-draw {
    content: url('full-title-color.png');
   width: 580px;
   height: auto;
   margin: 0 auto 0 auto;
   padding: 5px 25px 5px 25px;
   background-color: rgba(102, 179, 255, 0.65);
  }
  
#main-draw {
  display: flex;
  flex-direction: row;
  gap: 10px;
  border: 4px double #000598;
  width: 98%;
  height: fit-content;
  background-image: url('bg-wavyblues.png');
	background-repeat: repeat;
	background-attachment: fixed;
  background-size: 50px auto ;
  background-position: left;
}
#mydraw-title {
   content: url('drawing-title.png');
   background-color: #9a8e52;
   width: 420px;
   height: auto;
   margin: 0 auto 1px auto;  
   padding: 2px 200px 0 200px;
   border-top: 5px double #b93743;
   border-right: 2.3px dotted #b93743;
   border-bottom: 5px double #b93743;
   border-left: 2.3px dotted #b93743;
}
  
.mydrawings-grid {
  display: flex;
	flex-wrap: wrap;
	gap: 20px;
  width: 70%;
  height: auto;
  margin: 15px 0 10px 0;
  justify-content: center; 
  align-items: center;
  padding: 0 0 20px 0;
}
  .drawing {
    display: flex;
    width: auto;
    height: auto;
    object-fit: scale-down;
    justify-content: center; 
    align-items: center;
  }
    .drawing img {
       max-height: 800px;
       width: auto;
    }
  .drawing-four {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 25%;
    height: auto;
    gap: 10px;
    object-fit: scale-down;
    justify-content: center;
    place-items: center;
  }

.promo-column {
  display: flex;
  flex-direction: column;
  width: 30%;
  height: 100%;
  background-color: #ff4d4d;
  border: 4px dotted #000598;
  align-items: center;
  text-align: center;
  margin: 0 0 0 0;
}
 promo-text {
   text-align: start; 
   font-size: 14pt;
   font-style: italic;
 }
  .buynow-image {
    display: flex;
    overflow-x: scroll;
    width: 90%;
    height: auto;
    border: 5px ridge #ffcc00;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-color: #ff8533 #e60000;
    flex-shrink: 0;
  }
    .buynow-image img {
      width: 100%;
      height: auto;
      scroll-snap-align: center;
    }
    
    
/* ---------myARTWORK PAGE--------myARTWORK PAGE--------myARTWORK PAGE--------- */

#main-artwork {
  display: flex;
  flex-direction: column;
  gap: 5px;
  border: 4px double #000598;
  width: 98%;
  height: fit-content;
  background-image: url('bg-wavyblues.png');
	background-repeat: repeat;
	background-attachment: fixed;
  background-size: 50px auto ;
  background-position: center;
  justify-content: center;
  align-items: center;
  overflow-x: wrap;
}

.video-column {
  display: flex;
  flex-direction: row;
  width: 70%;
  height: auto;
  border: 2px solid #ffcc00;
  background-image: url('bg-red-ylw-diamond.png');
   background-repeat: repeat;
   background-size: 10px 10px ;
   background-position: left;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 10px;
  margin: 0;
  padding: 10px;
  flex-wrap: wrap;
}
  .animation-monma1 {
    width: 30%;
    height: auto;
    aspect-ratio: 1 / 1;
    border: 4px groove #ffcc00;
    animation: monma-eats 5.6s linear infinite;
  }
  .animation-monma2 {
    width: 30%;
    height: auto;
    aspect-ratio: 1 / 1;
    border: 4px groove #ffcc00;
    animation: monma-sees 6s linear infinite;
  }
  .animation-apep {
    width: 15%;
    height: auto;
    border: 4px groove #ffcc00;
    animation: apep 1s linear infinite alternate;
  }
  .animation-wofrhello {
    width: 30%;
    height: auto;
    border: 4px groove #ffcc00;
    animation: wofr-hello 9s linear infinite;
  }
  .animation-beegorstrong {
    width: 30%;
    height: auto;
    border: 4px groove #ffcc00;
    animation: beegor-strong 12s linear infinite;
  }
  
/* -----Animations----- */
@keyframes monma-eats {
   0% { content:url('ani-monma01.png') }
   1.923% { content:url('ani-monma02.png') }
   3.846% { content:url('ani-monma03.png') }
   5.769% { content:url('ani-monma04.png') }
   7.692% { content:url('ani-monma05.png') }
   9.615% { content:url('ani-monma06.png') }
   11.538% { content:url('ani-monma07.png') }
   13.461% { content:url('ani-monma08.png') }
   15.384% { content:url('ani-monma09.png') }
   17.307% { content:url('ani-monma10.png') }
   19.23% { content:url('ani-monma11.jpg') }
   21.153% { content:url('ani-monma12.jpg') }
   23.076% { content:url('ani-monma13.jpg') }
   24.999% { content:url('ani-monma14.jpg') }
   26.922% { content:url('ani-monma15.jpg') }
   28.845% { content:url('ani-monma16.jpg') }
   30.768% { content:url('ani-monma17.jpg') }
   32.691% { content:url('ani-monma18.jpg') }
   34.614% { content:url('ani-monma19.jpg') }
   36.537% { content:url('ani-monma20.jpg') }
   38.46% { content:url('ani-monma21.jpg') }
   40.383% { content:url('ani-monma22.jpg') }
   42.306% { content:url('ani-monma23.jpg') }
   44.229% { content:url('ani-monma24.jpg') }
   46.152% { content:url('ani-monma25.jpg') }
   48.075% { content:url('ani-monma26.jpg') }
   49.998% { content:url('ani-monma27.jpg') }
   51.921% { content:url('ani-monma28.jpg') }
   53.844% { content:url('ani-monma29.jpg') }
   55.767% { content:url('ani-monma30.jpg') }
   57.69% { content:url('ani-monma31.jpg') }
   59.613% { content:url('ani-monma32.jpg') }
   61.536% { content:url('ani-monma33.jpg') }
   63.459% { content:url('ani-monma34.jpg') }
   65.382% { content:url('ani-monma35.jpg') }
   67.305% { content:url('ani-monma36.jpg') }
   69.228% { content:url('ani-monma35.jpg') }
   71.151% { content:url('ani-monma34.jpg') }
   73.074% { content:url('ani-monma35.jpg') }
   74.997% { content:url('ani-monma36.jpg') }
   76.92% { content:url('ani-monma35.jpg') }
   78.843% { content:url('ani-monma34.jpg') }
   80.766% { content:url('ani-monma35.jpg') }
   82.689% { content:url('ani-monma36.jpg') }
   84.612% { content:url('ani-monma35.jpg') }
   86.535% { content:url('ani-monma34.jpg') }
   88.458% { content:url('ani-monma35.jpg') }
   90.381% { content:url('ani-monma36.jpg') }
   92.304% { content:url('ani-monma35.jpg') }
   94.227% { content:url('ani-monma34.jpg') }
   96.15% { content:url('ani-monma35.jpg') }
   98.073% { content:url('ani-monma36.jpg') }
   100% { content:url('ani-monma36.jpg') }
}
@keyframes monma-sees {
  0% { content:url('ani-monmasees01.jpg') }
  2% { content:url('ani-monmasees02.jpg') }
  4% { content:url('ani-monmasees03.jpg') }
  6% { content:url('ani-monmasees04.jpg') }
  8% { content:url('ani-monmasees05.jpg') }
   10% { content:url('ani-monmasees06.jpg') }
   12% { content:url('ani-monmasees07.jpg') }
   14% { content:url('ani-monmasees08.jpg') }
    16% { content:url('ani-monmasees07.jpg') }
    18% { content:url('ani-monmasees06.jpg') }
    20% { content:url('ani-monmasees07.jpg') }
    22% { content:url('ani-monmasees08.jpg') }
  24% { content:url('ani-monmasees09.jpg') }
  26% { content:url('ani-monmasees10.jpg') }
  28% { content:url('ani-monmasees11.jpg') }
  30% { content:url('ani-monmasees12.jpg') }
  32% { content:url('ani-monmasees13.jpg') }
  34% { content:url('ani-monmasees14.jpg') }
  36% { content:url('ani-monmasees15.jpg') }
  38% { content:url('ani-monmasees16.jpg') }
  40% { content:url('ani-monmasees17.jpg') }
  42% { content:url('ani-monmasees18.jpg') }
  44% { content:url('ani-monmasees19.jpg') }
  46% { content:url('ani-monmasees20.jpg') }
  48% { content:url('ani-monmasees21.jpg') }
  50% { content:url('ani-monmasees22.jpg') }
  52% { content:url('ani-monmasees23.jpg') }
  54% { content:url('ani-monmasees24.jpg') }
  56% { content:url('ani-monmasees25.jpg') }
  58% { content:url('ani-monmasees26.jpg') }
  60% { content:url('ani-monmasees27.jpg') }
  62% { content:url('ani-monmasees28.jpg') }
  64% { content:url('ani-monmasees29.jpg') }
  66% { content:url('ani-monmasees30.jpg') }
  68% { content:url('ani-monmasees31.jpg') }
  70% { content:url('ani-monmasees32.jpg') }
  72% { content:url('ani-monmasees33.jpg') }
  74% { content:url('ani-monmasees34.jpg') }
  76% { content:url('ani-monmasees35.jpg') }
  78% { content:url('ani-monmasees36.jpg') }
  80% { content:url('ani-monmasees37.jpg') }
  82% { content:url('ani-monmasees38.jpg') }
  84% { content:url('ani-monmasees39.jpg') }
  86% { content:url('ani-monmasees40.jpg') }
  88% { content:url('ani-monmasees41.jpg') }
  90% { content:url('ani-monmasees42.jpg') }
  92% { content:url('ani-monmasees43.jpg') }
  94% { content:url('ani-monmasees44.jpg') }
  100% { content:url('ani-monmasees44.jpg') }
}
@keyframes apep {
  0% { content:url('ani-pepper01.jpg') }
  30% { content:url('ani-pepper02.jpg') }
  40% { content:url('ani-pepper03.jpg') }
  50% { content:url('ani-pepper04.jpg') }
  60% { content:url('ani-pepper05.jpg') }
  70% { content:url('ani-pepper06.jpg') }
  80% { content:url('ani-pepper07.jpg') }
  90% { content:url('ani-pepper08.jpg') }
  100% { content:url('ani-pepper09.jpg') }
}
@keyframes wofr-hello {
   0% { content:url('ani-wofr01.jpg') }
   1% { content:url('ani-wofr02.jpg') }
   2% { content:url('ani-wofr03.jpg') }
   3% { content:url('ani-wofr04.jpg') }
   4% { content:url('ani-wofr05.jpg') }
   5% { content:url('ani-wofr06.jpg') }
   6% { content:url('ani-wofr07.jpg') }
   7% { content:url('ani-wofr08.jpg') }
   8% { content:url('ani-wofr09.jpg') }
    9% { content:url('ani-wofr10.jpg') }
    10% { content:url('ani-wofr11.jpg') }
    11% { content:url('ani-wofr12.jpg') }
    12% { content:url('ani-wofr13.jpg') }
    13% { content:url('ani-wofr14.jpg') }
    14% { content:url('ani-wofr15.jpg') }
    15% { content:url('ani-wofr16.jpg') }
    16% { content:url('ani-wofr17.jpg') }
    17% { content:url('ani-wofr16.jpg') }
    18% { content:url('ani-wofr15.jpg') }
    19% { content:url('ani-wofr14.jpg') }
    20% { content:url('ani-wofr13.jpg') }
    21% { content:url('ani-wofr12.jpg') }
    22% { content:url('ani-wofr11.jpg') }
    23% { content:url('ani-wofr10.jpg') }
    24% { content:url('ani-wofr11.jpg') }
    25% { content:url('ani-wofr12.jpg') }
    26% { content:url('ani-wofr13.jpg') }
    27% { content:url('ani-wofr14.jpg') }
    28% { content:url('ani-wofr15.jpg') }
    29% { content:url('ani-wofr16.jpg') }
    30% { content:url('ani-wofr17.jpg') }
    31% { content:url('ani-wofr16.jpg') }
    32% { content:url('ani-wofr15.jpg') }
    33% { content:url('ani-wofr14.jpg') }
    34% { content:url('ani-wofr13.jpg') }
    35% { content:url('ani-wofr12.jpg') }
    36% { content:url('ani-wofr11.jpg') }
    37% { content:url('ani-wofr10.jpg') }
    38% { content:url('ani-wofr11.jpg') }
    39% { content:url('ani-wofr12.jpg') }
    40% { content:url('ani-wofr13.jpg') }
    41% { content:url('ani-wofr14.jpg') }
    42% { content:url('ani-wofr15.jpg') }
    43% { content:url('ani-wofr16.jpg') }
    44% { content:url('ani-wofr17.jpg') }
   45% { content:url('ani-wofr18.jpg') }
   46% { content:url('ani-wofr19.jpg') }
   47% { content:url('ani-wofr20.jpg') }
   48% { content:url('ani-wofr21.jpg') }
   49% { content:url('ani-wofr22.jpg') }
   50% { content:url('ani-wofr23.jpg') }
   51% { content:url('ani-wofr24.jpg') }
   52% { content:url('ani-wofr25.jpg') }
   53% { content:url('ani-wofr26.jpg') }
     54% { content:url('ani-wofr27.jpg') }
     55% { content:url('ani-wofr28.jpg') }
     56% { content:url('ani-wofr29.jpg') }
     57% { content:url('ani-wofr30.jpg') }
     58% { content:url('ani-wofr31.jpg') }
     59% { content:url('ani-wofr32.jpg') }
     60% { content:url('ani-wofr33.jpg') }
     61% { content:url('ani-wofr34.jpg') }
     62% { content:url('ani-wofr35.jpg') }
     63% { content:url('ani-wofr36.jpg') }
     64% { content:url('ani-wofr35.jpg') }
     65% { content:url('ani-wofr34.jpg') }
     66% { content:url('ani-wofr33.jpg') }
     67% { content:url('ani-wofr32.jpg') }
     68% { content:url('ani-wofr31.jpg') }
     69% { content:url('ani-wofr30.jpg') }
     70% { content:url('ani-wofr29.jpg') }
     71% { content:url('ani-wofr28.jpg') }
     72% { content:url('ani-wofr27.jpg') }
     73% { content:url('ani-wofr28.jpg') }
     74% { content:url('ani-wofr29.jpg') }
     75% { content:url('ani-wofr30.jpg') }
     76% { content:url('ani-wofr31.jpg') }
     77% { content:url('ani-wofr32.jpg') }
     78% { content:url('ani-wofr33.jpg') }
     79% { content:url('ani-wofr34.jpg') }
     80% { content:url('ani-wofr35.jpg') }
     81% { content:url('ani-wofr36.jpg') }
     82% { content:url('ani-wofr35.jpg') }
     83% { content:url('ani-wofr34.jpg') }
     84% { content:url('ani-wofr33.jpg') }
     85% { content:url('ani-wofr32.jpg') }
     86% { content:url('ani-wofr31.jpg') }
     87% { content:url('ani-wofr30.jpg') }
     88% { content:url('ani-wofr29.jpg') }
     89% { content:url('ani-wofr28.jpg') }
     90% { content:url('ani-wofr27.jpg') }
     91% { content:url('ani-wofr28.jpg') }
     92% { content:url('ani-wofr29.jpg') }
     93% { content:url('ani-wofr30.jpg') }
     94% { content:url('ani-wofr31.jpg') }
     95% { content:url('ani-wofr32.jpg') }
     96% { content:url('ani-wofr33.jpg') }
     97% { content:url('ani-wofr34.jpg') }
     98% { content:url('ani-wofr35.jpg') }
     99% { content:url('ani-wofr36.jpg') }
     100% { content:url('ani-wofr35.jpg') }
}
@keyframes beegor-strong {
  0% { content:url('ani-beegorstrong01.jpg') }
  2.082% { content:url('ani-beegorstrong02.jpg') }
  4.161% { content:url('ani-beegorstrong03.jpg') }
  6.246% { content:url('ani-beegorstrong04.jpg') }
  8.328% { content:url('ani-beegorstrong05.jpg') }
  10.41% { content:url('ani-beegorstrong06.jpg') }
  12.492% { content:url('ani-beegorstrong07.jpg') }
  14.574% { content:url('ani-beegorstrong08.jpg') }
  16.656% { content:url('ani-beegorstrong09.jpg') }
  18.738% { content:url('ani-beegorstrong10.jpg') }
  20.82% { content:url('ani-beegorstrong11.jpg') }
  22.902% { content:url('ani-beegorstrong12.jpg') }
  24.984% { content:url('ani-beegorstrong13.jpg') }
   27.066% { content:url('ani-beegorstrong01.jpg') }
   29.148% { content:url('ani-beegorstrong13.jpg') }
   31.23% { content:url('ani-beegorstrong01.jpg') }
   33.312% { content:url('ani-beegorstrong13.jpg') }
   35.394% { content:url('ani-beegorstrong01.jpg') }
   37.476% { content:url('ani-beegorstrong13.jpg') }
   39.558% { content:url('ani-beegorstrong01.jpg') }
   41.64% { content:url('ani-beegorstrong13.jpg') }
  
   43.732% { content:url('ani-beegorstrong14.jpg') }
   44.426% { content:url('ani-beegorstrong15.jpg') }
   45.12% { content:url('ani-beegorstrong17.jpg') }
   45.814% { content:url('ani-beegorstrong18.jpg') }
   46.508% { content:url('ani-beegorstrong20.jpg') }
   47.202% { content:url('ani-beegorstrong21.jpg') }
   47.896% { content:url('ani-beegorstrong22.jpg') }
   
    48.59% { content:url('ani-beegorstrong23.jpg') }
    50.672% { content:url('ani-beegorstrong24.jpg') }
    52.754% { content:url('ani-beegorstrong25.jpg') }
    
  54.142% { content:url('ani-beegorstrong26.jpg') }
  54.836% { content:url('ani-beegorstrong27.jpg') }
  55.53% { content:url('ani-beegorstrong28.jpg') }
  56.224% { content:url('ani-beegorstrong29.jpg') }
  56.918% { content:url('ani-beegorstrong28.jpg') }
  57.612% { content:url('ani-beegorstrong27.jpg') }
  58.306% { content:url('ani-beegorstrong26.jpg') }
  59% { content:url('ani-beegorstrong27.jpg') }
  59.694% { content:url('ani-beegorstrong28.jpg') }
  60.388% { content:url('ani-beegorstrong29.jpg') }
  61.082% { content:url('ani-beegorstrong28.jpg') }
  61.776% { content:url('ani-beegorstrong27.jpg') }
  62.47% { content:url('ani-beegorstrong26.jpg') }
  63.164% { content:url('ani-beegorstrong27.jpg') }
  63.858% { content:url('ani-beegorstrong28.jpg') }
  64.552% { content:url('ani-beegorstrong29.jpg') }
  65.246% { content:url('ani-beegorstrong28.jpg') }
  65.94% { content:url('ani-beegorstrong27.jpg') }
  66.634% { content:url('ani-beegorstrong26.jpg') }
  67.323% { content:url('ani-beegorstrong27.jpg') }
  68.022% { content:url('ani-beegorstrong28.jpg') }
  68.716% { content:url('ani-beegorstrong29.jpg') }
  
  69.41% { content:url('ani-beegorstrong30.jpg') }
  70.104% { content:url('ani-beegorstrong31.jpg') }
  70.798% { content:url('ani-beegorstrong32.jpg') }
  71.492% { content:url('ani-beegorstrong33.jpg') }
  72.186% { content:url('ani-beegorstrong34.jpg') }
  72.88% { content:url('ani-beegorstrong35.jpg') }
  73.574% { content:url('ani-beegorstrong36.jpg') }
  74.268% { content:url('ani-beegorstrong37.jpg') }
  74.962% { content:url('ani-beegorstrong38.jpg') }
  75.656% { content:url('ani-beegorstrong39.jpg') }
  76.35% { content:url('ani-beegorstrong40.jpg') }
  77.004% { content:url('ani-beegorstrong41.jpg') }
  77.738% { content:url('ani-beegorstrong42.jpg') }
  78.432% { content:url('ani-beegorstrong43.jpg') }
  79.126% { content:url('ani-beegorstrong44.jpg') }
  79.82% { content:url('ani-beegorstrong45.jpg') }
  80.514% { content:url('ani-beegorstrong46.jpg') }
  81.208% { content:url('ani-beegorstrong47.jpg') }
  81.902% { content:url('ani-beegorstrong48.jpg') }
  82.596% { content:url('ani-beegorstrong49.jpg') }
  83.29% { content:url('ani-beegorstrong50.jpg') }
  83.984% { content:url('ani-beegorstrong51.jpg') }
  84.678% { content:url('ani-beegorstrong52.jpg') }
  85.372% { content:url('ani-beegorstrong53.jpg') }
  86.066% { content:url('ani-beegorstrong54.jpg') }
  86.76% { content:url('ani-beegorstrong55.jpg') }
  87.454% { content:url('ani-beegorstrong56.jpg') }
  88.148% { content:url('ani-beegorstrong57.jpg') }
  88.842% { content:url('ani-beegorstrong58.jpg') }
  89.536% { content:url('ani-beegorstrong59.jpg') }
  90.23% { content:url('ani-beegorstrong60.jpg') }
  90.924% { content:url('ani-beegorstrong61.jpg') }
  91.618% { content:url('ani-beegorstrong62.jpg') }
  
  92.312% { content:url('ani-beegorstrong63.jpg') }
  93.006% { content:url('ani-beegorstrong64.jpg') }
  93.7% { content:url('ani-beegorstrong65.jpg') }
  94.394% { content:url('ani-beegorstrong64.jpg') }
  95.008% { content:url('ani-beegorstrong63.jpg') }
  95.782% { content:url('ani-beegorstrong64.jpg') }
  96.476% { content:url('ani-beegorstrong65.jpg') }
  97.17% { content:url('ani-beegorstrong64.jpg') }
  97.864% { content:url('ani-beegorstrong63.jpg') }
  98.558% { content:url('ani-beegorstrong64.jpg') }
  100% { content:url('ani-beegorstrong65.jpg') }
}
@keyframes beegor-smash {
  0% { content:url('ani-beegorsmash01.jpg') }
}




.notecard-column {
  display: flex;
  flex-direction: column;
  width: 50%;
  height: fit-content;
  padding: 10px;
  background-color: #ff4d4d;
  border: 4px dotted #000598;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0;
  overflow-x: wrap;
}
.notecard-flex {
  display: flex;
  width: 100%;
  height: fit-content;
  padding: 10px 0;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0;
  gap: 10px;
  overflow-x: wrap;
}
 .notecard {
   display: block;
   object-fit: fill;
   width: 45%;
   height: auto;
   border: 8px groove #000598;
   padding: 0;
 }
   .notecard img {
     width: 100%;
     height: 100%;
     align-self: center;
   }




/* --------MEDIA CHANGE--------------------------------MEDIA CHANGE----------------------------MEDIA CHANGE------------------------------- */

@media (max-width: 600px) {
  
  #back-to-home {
  left: 2.5%;
  top: 2%;
  width: 13%;
  height: fit-content;
  font-size: 8pt;
 }
  #draw-header {
    display: flex;
    width: 98%;
	  height: fit-content; 
   }   
 .title-image-draw {
   content: url('full-title-color.png');
   width: 70%;
   height: auto;
   margin: 0 4% 0 auto;
  }  
  
  
 #main-draw {
  flex-direction: column;
  background-size: 40px 60px ;
 }
 .promo-column {
  width: 90%;
  height: 100%;
  margin: 10px auto 0 auto;
 }
 .mydrawings-grid {
  width: 90%;
  height: auto;
  margin: 15px auto 10px auto;
  }
  #mydraw-title {
   content: url('drawing-title.png');
   background-color: #9a8e52;
   width: 60%;
   height: auto;
   margin: 0 auto 1px auto;  
   padding: 2px 25px 0 25px;
  }
  
  
#main-artwork {
  display: flex;
  flex-direction: column;
  width: 98%;
  height: fit-content;
	background-attachment: scroll;
	justify-content: center;
  align-items: center;
}
 .video-column {
  display: flex;
  flex-direction: row;
  width: 80%;
  height: auto;
}
  .animation-monma1 {
    width: 60%;
    height: auto;
    aspect-ratio: 1 / 1;
    border: 4px groove #ffcc00;
    animation: monma-eats 5.6s linear infinite;
  }
  .animation-monma2 {
    width: 60%;
    height: auto;
    aspect-ratio: 1 / 1;
    border: 4px groove #ffcc00;
    animation: monma-sees 6s linear infinite;
  }
  .animation-apep {
    width: 30%;
    height: auto;
    border: 4px groove #ffcc00;
    animation: apep 1s linear infinite alternate;
  }
  .animation-wofrhello {
    width: 60%;
    height: auto;
    border: 4px groove #ffcc00;
    animation: wofr-hello 9s linear infinite;
  }

 .notecard-column {
  display: flex;
  flex-direction: column;
  width: 80%;
  height: fit-content;
}
 
}




/* ------END----- */