/*
NOTES:
    bg: #F2E9D8
   red: #F02554
  text: #413E45 
*/
:root {
    --bg: #7ee7fc;
    --red: #F02554;
    --text: black;
}

body {
	background: var(--bg);
  background: linear-gradient(0deg,rgba(176, 226, 255, 1) 1%, rgba(255, 255, 255, 1) 100%);
	font-family: Inconsolata;
	font-size: 18px;
	color: var(--text);
  
	
}

a {
    text-decoration-line: underline;
    text-decoration-style: wavy;
}
/*************************** ^^^^ GENERAL SPECIFIC  ^^^^ **************************/



/*******************************  STYLE SPECIFIC  ***************************/
.nav {
  background-color: ;
}

.nav .button {
  background-image: url('https://file.garden/Zdi8CZzmo3pLm4cH/btjanuary.website/game.findsana/button_toTitle_default.png');
  background-color: ;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  
  height: 3.3em;
  width: 9em;
  margin: 0.5em;
  
  transition: 0.2s;
}

.nav .button:hover {
  transform: translate(10px, 0px);
  filter: drop-shadow(-10px 0px var(--red));
}

.nav .button a {
  padding: 0.8em 3em 0.8em 3em;
}

.main {
  border: 0.2em solid;
  border-radius: 0.5em;
}

.rightside {
  background-color: white; 
  border: 0.2em solid;
  border-radius: 0.5em;
  border-color: darkviolet;
}