/* must go at top to add fonts*/
@font-face {                  
font-family: 'Aber-Mono';
src: url(https://humantooth.neocities.org/fonts/Aber-Mono-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Hebdomadal';
src: url(https://humantooth.neocities.org/fonts/Hebdomadal.woff2) format('woff2');
font-weight: normal;
}
/*END FONT IMPORT AREA*/

/*style the header of eage page*/
.header{
  font-family: 'Hebdomadal'
}
.header h1 {
  font-size: 100px;
  color: #FDFBD4;
  opacity: 0.9;
}
/*END HEADER STYLE AREA*/

/*only big styling for any text anywhere*/
body {
  color: #FDFBD4;
  font-family: 'Aber-Mono';
  background-image: url('flower_log_flower.gif');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  font-size: 18px;
}

/* Here we're going to make attempts at having a simple '3 column layout*/
.container {
  display: flex;
  /*flex-wrap: wrap; /* Allows items to wrap to a new line */
  gap: 20px;

}
.maincolumn {
  width: 66%; 
  border-style: solid; 
  background-color: rgba(42, 107, 18,0.8);
}
.sidecolumn {
  width: 16.66%;  
  border-style: solid;
  background-color: rgba(42, 107, 18,0.8);
}
/* end column creation stuff*/

/* guess it's good for now to have any div put shit in the center*/
div {
  text-align: center; 
}
/*undo the above, only for landing.html right now since it's the only ol*/
ol li {
  text-align: left;
}
/*links current styling sidebar*/
#links {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  gap: 3px;
}
#links button {
  flex-grow: 1;
  padding: 10px 15px;
  box-sizing: border-box;
  width: 150px;
  height: 40px;
}

/*ideas page current display*/
#ideas p
{
border: 2px solid transparent;
transition: box-shadow 0.3s eas-in-out;
box-shadow: 0 0 10px 5px rgba(0,150,255,0.7);
}
#ideas p:hover, #ideas p:focus {
box-shadow: 0 0 15px 5px rgba(0,255,0,0.8);
outline: none;
}

/* blog styling*/


/*background stuff*/
/*html {
  --s: 90px; 
  --c1: #78c0a8;
  --c2: #add8e6;
  
  --g:from 45deg at 50% 35%,#0000 75%,;
  --_s:var(--s) calc(2*var(--s));
  background:
    conic-gradient(var(--g)var(--c2) 0) 
     calc(var(--s)/2) var(--s)/var(--_s),
    conic-gradient(var(--g)var(--c1) 0) 
     calc(var(--s)/2)        0/var(--_s),
    conic-gradient(#0004 135deg,#0000 0 225deg,#0009 0)
     0 0/var(--s) var(--s),
    linear-gradient(var(--c1) 50%,var(--c2) 0) 
     0 var(--s)/var(--_s);
}*/