html {
            height: 100%;
            margin: 0;
            display: flex;
            justify-content: center;
            align-items: flex-start;
        }

body {padding:0;
  --s: 8px; /* control the size*/
  --c1: #ffefd5;
  --c2: #f7e4bb;
  
  background:
    conic-gradient(at 60% 60%,var(--c1) 75%,#0000 0)
     0 0/calc(5*var(--s)/2) calc(5*var(--s)/2),
    repeating-conic-gradient(var(--c1) 0 25%,#0000 0 50%)
     0 0/calc(5*var(--s)) calc(5*var(--s)),
    repeating-conic-gradient(var(--c2) 0 25%,var(--c1) 0 50%)
     0 0/var(--s) var(--s);
}
  
  .bigboy{height:110vh;
  position:relative;
  margin:auto;
  width:30rem;;
  }
  
  header{ padding-top:10rem;}
  .image img{border:2px dotted olive;}
  
  nav{
    display:block;
  text-align:center;
    position:relative;
    width:10rem;
    border:2px dotted olive;
    margin:-4rem 3px auto auto;
  }
  nav a{
    display:block;
    text-decoration:none;
    background-color:#f7e4bb;
    margin:5px 3rem 5px 3rem;}
    
   footer{
     margin-top:3rem;}
     
     table, tr, td{border:2px dotted olive;}
     
     .mandarin{position:absolute;
     display:block;
     mix-blend-mode:multiply;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0) translate(70px, 20px); rotate: -30deg;}
  
  footer p{background-color:papayawhip}
  
  .girlies{position:absolute;
     display:block;
     mix-blend-mode:multiply;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0) translate(-150px, 240px);
  opacity:1;}