@import url('https://fonts.googleapis.com/css2?family=Coiny&family=Itim&display=swap');

body {
  background: radial-gradient(at bottom right, #87aeff 0, #87aeff 8px, rgba(135,174,255,0.2) 8px, rgba(135,174,255,0.2) 16px, rgba(135,174,255,0.75) 16px, rgba(135,174,255,0.75) 24px, rgba(135,174,255,0.25) 24px, rgba(135,174,255,0.25) 32px, rgba(135,174,255,0.3) 32px, rgba(135,174,255,0.3) 40px, rgba(135,174,255,0.75) 40px, rgba(135,174,255,0.75) 48px, rgba(135,174,255,0.2) 48px, rgba(135,174,255,0.2) 56px, transparent 56px, transparent 64px), radial-gradient(at top left, transparent 0, transparent 8px, rgba(135,174,255,0.2) 8px, rgba(135,174,255,0.2) 16px, rgba(135,174,255,0.75) 16px, rgba(135,174,255,0.75) 24px, rgba(135,174,255,0.3) 24px, rgba(135,174,255,0.3) 32px, rgba(135,174,255,0.25) 32px, rgba(135,174,255,0.25) 40px, rgba(135,174,255,0.75) 40px, rgba(135,174,255,0.75) 48px, rgba(135,174,255,0.2) 48px, rgba(135,174,255,0.2) 56px, #87aeff 56px, #87aeff 64px, transparent 64px, transparent 160px);
  background-blend-mode: multiply;
  background-size: 64px 64px, 64px 64px;
  background-color: #aefffe;
}

.coiny {
  font-family: "Coiny", system-ui;
  font-weight: 400;
  font-style: normal;
}

.itim {
  font-family: "Itim", cursive;
  font-weight: 400;
  font-style: normal;
  font-size:18px;
}

.main {
  background-color:#f1f0ff;
  width:75vw;
  height:75vh;
  overflow:auto;
  margin-left:22vw;
  border-radius: 3px;
  padding: 5px;
  color:#144643;
  text-align:center;
}

.title {
  font-size:40px;
  }
  
.theturbos {
  overflow:auto;
  position:absolute;
  top:20vh;
  left:2vw;
  width:17vw;
  height:75vh;
  background-color:#144643;
  text-align:center;
}
  
.theturbos > img {
  width:90%;
}