@font-face {
    font-family: 'pijamas';
    src: url('/pijamas-ejpo-webfont.woff2') format('woff2'),
         url('/pijamas-ejpo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  

}

@font-face {
    font-family: 'scribble2';
    src: url('/scribbleboxdemo-gywq-webfont.woff2') format('woff2'),
         url('/scribbleboxdemo-gywq-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'scribble1';
    src: url('fonts/kbzipadeedoodah-yg3j-webfont.woff2') format('woff2'),
         url('fonts/kbzipadeedoodah-yg3j-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html {font-family: scribble1; font-size: 40px }
 body {background-color:rgb(236, 150, 164); 
   text-align: center;}
  h1 {color: indigo;}
  h2 {color: darkslateblue;}
  h3 {color: darkblue;}
  p {color: darkblue;}
  input[type="checkbox"] {
    height: 30px; width: 30px;
    appearance: none;
    background-color: bisque;
    border: 4px rgb(175, 0, 190);
    border-radius: 6px;
    cursor: pointer; }
  input[type="checkbox"]:checked {
    background-color: rgb(171, 43, 226);
    border-color: blue;
}
 #container {
    border: lightblue 8px solid;
    height: 275px;
    width: 750px;
    margin: auto;
    background-color: pink;
  }
  #container3 {
    border: lightblue 8px solid;
    height: 150px;
    width: 750px;
    margin: auto;
    background-color: lightblue;
  }
    #container2 {
    border: lightblue 8px solid;
    height: 700px;
    width: 750px;
    margin: auto;
    background-color: lightpink;
  }
     #container4 {
    border: lightblue 8px solid;
    height: 700px;
    width: 750px;
    margin: auto;
    background-color: lightpink; }