@font-face {                  
font-family: 'Canarina';
src: url(https://humantooth.neocities.org/fonts/Canarina.woff2) format('woff2');
font-weight: normal;
font-style: normal;
} 

.container {
  height: fit-content;
  float:right;
  border-left-width: 3px;
  border-left-color: #b5c2c7;
  border-left-style: solid;
  padding: 20px;
  font-size: 30px;
  text-align: left;
  overflow: auto; 
  display: flex; 
  flex-direction:column;
  
}


:root {
  --font-body: "Canarina", sans-serif;
  background: #101017;
  background-image: url('/marble.jpg');
  background-blend-mode: overlay;

}
.section{
  width:70vw;
  display: flex;
  flex-wrap: wrap;
  text-indent: 0%;
  padding-left:2%;
  
}

::selection {

  color: rgba(138, 23, 4, 1);
}
html,
body {
  height: 100%;
}
html {
  scrollbar-color:rgba(138, 23, 4, 1);
  scrollbar-width: thin;
  hyphens: auto;
}

body {
  font-family: var(--font-body);
  font-size: clamp(1rem, 1.6vw, 1.6rem);
  line-height: 1;
  text-indent: 5%;
  color: #c5c7b5;
  overflow-x: hidden;
  padding: 2vw;
}

h1{
  color: #e1e6d5;
  font-size: 200%;
   width: 80vw;
  text-indent:10%
}

h2
{
  font-size: 150%;

  text-indent:2%
}
h3,
h4,
h5,
h6 {
  --s: 0.875;
  font-size: calc(1em * var(--s));
  line-height: calc(1em * var(--line-height) / var(--s));
  font-weight: inherit;
  font-family: Canarina;
}

ul, ol {
  list-style-type: none;
  
}
li {
    position: relative;
    

  }
.dashed {
  border-top: 3px solid	#b5c2c7; 
  width: 500vw;
}
.menu{
  padding-right:100%;
}
  
a:link {
  color: #e1e6d5;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: #9c9581;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: #cc0202;
  background-color: transparent;
  text-decoration: underline;
}

.layout {
  pointer-events: none;
  position: relative;
  z-index: 1;
  display: flex;

}
 

.aside {
  position:fixed; 
  right: 0; 
  top:0; 
  height: 100vh;

}

 

.pics {
  margin-block-end: 5%;
  display: flex;
  gap: 2%;
  row-gap: 15px;
  flex-wrap: wrap;
}


/* HACK */
.span-all {
  grid-row-end: 7;
}

br{