.architects-daughter-regular {
  font-family: "Architects Daughter", cursive;
  font-weight: 400;
  font-style: normal;
}

body,.container{
  min-height:100vh;
  background-image:url("https://www.pinterest.com/pin/645211084098459354/");
  background-repeat:no-repeat;
  background-size:cover;
  }
  .container{
    display:flex;
    flex-direction:column;
    margin:1em 3em;
    }
    header{
      flex:1;
      
      }
      header img{
        width:500px;
        border:5px solid transparent;
        }
         #test {
        font-style:normal;
        font-family:monospace;
        font-size:1em;
        font-weight:normal; 
        color: #ffffff;
        background-color:#69140E;
        box-shadow:inset 0 5px 5px #B42318;
                }

      section{
        flex:10;
        display:flex;
        gap:1em;
        }
        .col-left{
          border-width:7px;   
          flex:0.3;
          background-color:#FFD29D;
          text-align:center;
          font-size:25px;
          padding:1px;
          border-radius:0.5em;
          box-sizing:border-box;
              box-shadow:inset 0 0 10px 5px #CF5C36;
          }
            .btn{
              display:inline-block;
              background-color:#69140E;
              color:white;
              border:none;
              border-radius:0.5em;
              font-size:25px;
              text-decoration:none;
              padding:12px;
              width:8em;
              box-sizing:border-box;
              box-shadow:inset 0 0 20px 5px #B42318;
              margin-bottom:0.3em;
            }
            .btn2{
              display:inline-block;
              background-color:#69140E;
              color:white;
              border:none;
              border-radius:0.5em;
              font-size:25px;
              text-decoration:none;
              padding:12px;
              width:8em;
              box-sizing:border-box;
              box-shadow:inset 0 0 20px 5px #B42318;
              margin-bottom:0.3em;
              }
          .btn3{
              display:inline-block;
              background-color:#69140E;
              color:white;
              border:none;
              border-radius:0.5em;
              font-size:25px;
              text-decoration:none;
              padding:12px;
              width:8em;
              box-sizing:border-box;
              box-shadow:inset 0 0 20px 5px #B42318;
              margin-bottom:0.3em;
            }
          .btn4{
              display:inline-block;
              background-color:#69140E;
              color:white;
              border:none;
              border-radius:0.5em;
              font-size:25px;
              text-decoration:none;
              padding:12px;
              width:8em;
              box-sizing:border-box;
              box-shadow:inset 0 0 20px 5px #B42318, 0 2px 5px #B42318;
              margin-bottom:0.3em;
  }
  .btn5{
     display:inline-block;
              background-color:#69140E;
              color:white;
              border:none;
              border-radius:0.5em;
              font-size:25px;
              text-decoration:none;
              padding:12px;
              width:8em;
              box-sizing:border-box;
              box-shadow:inset 0 0 20px 5px #B42318, 0 2px 5px #B42318;
              margin-bottom:0.3em;
    }
            
        .col-right{
          flex:5;
          background-color:#FFD29D;
          border-radius:0.5em;
          text-align:left;
          width:calc(100% - 20px);
          height:fit-content;
          max-height:250px;
          overflow-y:auto;
          padding:8px 10px 10px 10px;
          box-sizing:border-box;
              box-shadow:inset 0 0 10px 5px #CF5C36;
            }
            .msg2{
              background-color:#FFD29D;
          border-radius:0.5em;
          box-sizing:border-box;
              box-shadow:inset 0 0 10px 5px #CF5C36;
              padding:7px;}
            .msg1{
              background-color:#FFD29D;
          border-radius:0.5em;
          box-sizing:border-box;
              box-shadow:inset 0 0 10px 5px #CF5C36;
              padding:7px;
              }
            .col-right::-webkit-scrollbar{
             display:none;
              }
            .col-right p{
              font-size:20px;
              font-family:"Architects Daughter", cursive;
              margin:10px;
              }
            .col-right h1{
              font-size:40px;
              margin-top:0;
              margin-left:10;}
              .col-right2{
            flex:1.5;
            background-color:#FFD29D;
            border-radius:0.5em;
            padding:15px;
            text-align:center;
            box-sizing:border-box;
            box-shadow:inset 0 0 10px 5px #CF5C36;
              }
              .col-right2 img{
                width:10em;
                }