body {
font-family: Helvetica, Arial, sans-serif;
background-color: #4df2ea;
margin: 0;
}

#topbar {
  display: flex;
  justify-content: space-between;
  background-color: white;
 position: absolute;
 width: 100%;
padding: 8px 13px;
box-sizing: border-box;
}

#welcome {
border: 5px solid #2a2a2a;
border-radius: 12px;
width: 340px;
padding: 16px;
position: absolute;
background-color: white;
}

#welcomeheader {
cursor: grab;
padding: 6px;
margin: -8px -8px 10px -8px;
background: #e8e4dc;
}

#welcomeclose {
display: inline-block;
width: 13px;
height: 13px;
background: #c45c4a;
border-radius: 50%;
cursor: pointer
}

h1 {
font-size: 22px;
margin: 8px 0
}

a { color: #3a4a42 }

#topbar {
padding: 8px 13px;
}

.ic {
 position: absolute;
 top: 50px;
 left: 11px;
 width: 58px;
 font-size: 13px;
 text-align: center;
 cursor: pointer
}
#scratchopen { top: 118px; left: 11px }

#welcome {
 display: flex;
 flex-direction: column
}

#scratch {
border: 5px solid #2a2a2a;
border-radius: 16px;
width: 280px;
padding: 11px;
position: absolute;
background-color: white;
flex-direction: column
}

#scratchheader {
cursor: grab;
padding: 6px;
margin: -8px -8px 10px -8px;
background: #d4ccc0
}

#scratchclose {
display: inline-block;
width: 13px;
height: 13px;
background: #c45c4a;
border-radius: 50%;
cursor: pointer
}

textarea {
 min-height: 118px;
 font-family: Helvetica, Arial, sans-serif;
 font-size: 13px
}

#brand { cursor: pointer }

#topbar { z-index: 5 }

textarea { width: 100%; box-sizing: border-box }
.ic { font-weight: 700 }

.ic {
 background: #f6e7c1;
 border: 3px solid #2a2a2a;
 border-radius: 10px;
 padding: 13px 4px;
 width: 68px;
 box-sizing: border-box
}
#welcomeopen { background: #f6e7c1 }
#scratchopen { background: #f2b8c6; top: 136px }

#animeopen { background: #d8c4ef; top: 222px }

#anime {
border: 5px solid #2a2a2a;
border-radius: 14px;
width: 300px;
padding: 11px;
position: absolute;
background-color: white;
flex-direction: column
}
#animeheader {
cursor: grab;
padding: 6px;
margin: -8px -8px 10px -8px;
background: #e4d4f0
}
#animeclose {
display: inline-block;
width: 13px;
height: 13px;
background: #c45c4a;
border-radius: 50%;
cursor: pointer
}
#picks button {
 margin-right: 8px;
 font-family: Helvetica, Arial, sans-serif
}
#shot { max-width: 100%; max-height: 220px; margin-top: 10px }
