@font-face { 
	font-family: "alagard"; 
	src: url("./fonts/Alagard.woff2") format("woff2"), 
		url("./fonts/alagard.woff") format("woff"), 
		url("./fonts/Alagard.ttf") format("truetype"); 
	font-weight: normal;
	font-style: normal; 
	font-display: swap; 
}

.alagard_font{
  font-family: "alagard", serif;
  font-size:55px;
}

@font-face { 
	font-family: "cutenotes"; 
	src: url("./fonts/CuteNotes.woff2") format("woff2"), 
		url("./fonts/CuteNotes.woff") format("woff"), 
		url("./fonts/Cute Notes.ttf") format("truetype"); 
	font-weight: normal;
	font-style: normal; 
	font-display: swap; 
}

.cutenotes_font{
  font-family: "cutenotes", serif;
  font-size:45px
}

@font-face { 
	font-family: "Daydream"; 
	src: url("./fonts/DaydreamRegular.woff2") format("woff2"), 
		url("./fonts/DaydreamRegular.woff") format("woff"), 
		url("./fonts/DaydreamRegular.ttf") format("truetype"); 
	font-weight: normal;
	font-style: normal; 
	font-display: swap; 
}

.daydream_font{
  font-family: "Daydream", serif;
}

@font-face { 
	font-family: "Dogica"; 
	src: url("./fonts/Dogica.woff2") format("woff2"), 
		url("./fonts/dogica.woff") format("woff"), 
		url("./fonts/Dogica.ttf") format("truetype"); 
	font-weight: normal;
	font-style: normal; 
	font-display: swap; 
}

.dogica_font{
  font-family: "Dogica", serif;
  letter-spacing: -4px;
  font-size:17px;
}

@font-face { 
	font-family: "Dogica_bold"; 
	src: url("./fonts/Dogica_bold.woff2") format("woff2"), 
		url("./fonts/Dogica_bold.woff") format("woff"), 
		url("./fonts/Dogica_bold.ttf") format("truetype"); 
	font-weight: normal;
	font-style: normal; 
	font-display: swap; 
}

.dogica_bold_font{
  font-family: "Dogica_bold", serif;
  letter-spacing: -4px;
  font-size:17px;
  
}

@font-face { 
	font-family: "gameboy"; 
	src: url("./fonts/Early-GameBoy.woff2") format("woff2"), 
		url("./fonts/Early-GameBoy.woff") format("woff"), 
		url("./fonts/Early-GameBoy.ttf") format("truetype"); 
	font-weight: normal;
	font-style: normal; 
	font-display: swap; 
}

.gameboy_font{
  font-family: "gameboy", serif;
}
.mask_preview {
  position: absolute;
  right: 26px;
  top: -44px;
  z-index: 20;
  opacity: 0.6;
  pointer-events: none;
  width: 796px;
  height: 453px;
}

.orchidmask{
  mask-image: url("outline.png"), linear-gradient(black, black);
  mask-position: 681px 4px, 0px 0px;
  mask-size:818px 407px, 100% 100%;
  mask-composite: exclude;
  mask-repeat: no-repeat;
  }
  
.announce_nav {
  position: absolute;
  text-align:left;
  width: 100%;
  display: block;
  }

.navbar {
    position: static;
    left: 0;
    width: 100%;
    z-index:1;
    
}

.announce{
  position: static;
  background:#CFA287;
  margin: 5px 0px;
  }

.navbar_ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #B28D6F;
}

.navbar_ul > li {
  float: left;
}

.navbar_ul > li > a, .dropbtn{
  display: inline-block;
  color: #5C604B;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size:30px;
  font-family: gameboy;
}

.navbar_ul> li > a:hover, .dropdown:hover .dropbtn {
  background-color: #CFA287;
  
}

.navbar_ul> li.dropdown{
  display:inline-block;
  }
  
.dropdown-content{
  display:none;
  position:absolute;
  background-image: url("pattern 554.gif");
  min-width:160px;
  box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index:1;
}

.dropdown-content a{
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align:left;
}

.dropdown-content a:hover {background-image: url("pattern 554.gif");}

.dropdown:hover .dropdown-content {display:block;
}

h1 {
  margin: 0px 10px;
}

.header{
  height: 292px;
  position: relative;
  display: grid;
  grid-template-columns: 45fr 0fr 20fr;
  }

.header >div{
  padding-right: 10px;
  margin-right:10px;
  }
  

.orchid {
  text-align: right;
  position: absolute;
  z-index: 10;
  top: 8%;
  right: 1%;
  width: min(40rem, 50%);
}

.orchidtitle{
  width: 72%;
  
}


.bulkbody > div {
  color: #a05757;
  padding: 0px;
  gap:10px;
  border-radius:15px;
}
.bulkbody {
  margin: auto;
  padding: 0px;
  display: flex;
  height: auto;
  text-align: center;
  flex-grow: 1;
  gap: 43px;
  width: min(1100px, 100%);
  justify-content: center;
}

.bulkbody_blocksect {
  color: #a05757;
  padding: 0px;
  text-align: center;
  display:block;
}

.bulkbody_blocksect > div {
  color: #a05757;
  padding: 18px;
  text-align: center;
  display:flex;
  border-radius: 15px;
}

.bottom_block_triple {
  margin-bottom:18px;
  border-radius: 15px;
  padding:10px
  }

body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
html{
    background-color: #d7b2a0;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2399775a' fill-opacity='0.39' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");
  }
h2, p {
  margin: 0px;
}

footer{
  margin-top:125px;
  padding: 20px;
  text-align:center;
  background-color: #B28D6F;
  }