:root{
 
  --prim: #f1eac6;
  --sec: #ffcbcd;
  --tert: #ff6d73;
  --quad: #ffe0cc;
  --acc: #f0fff0;
  --text: #000000;

/*
  --prim: #fff6c9;
  --sec: #ffcbcd;
  --tert: #ff6d73;
  --quad: #ffe0cc;
  --acc: #f0fff0;
  --text: #db0054;
  */
}


*{
    z-index: 2;
}


body{
    background-color: black;
    font-family: "courier";
    background-image: url("https://f2.toyhou.se/file/f2-toyhou-se/images/128669525_qlJ5MkZpt1raIDx.jpg");
    background-position: bottom 45em right 39em;
    background-attachment: fixed;
    
    
    image-rendering: pixelated;

      /* Turn down their 'opacity' by blending them into
     the background color */
  background-color: rgba(0, 0, 0, 0.7);
  background-blend-mode: darken;
}


.mainn{
background-image: linear-gradient( var(--acc) 1px, transparent 1px), linear-gradient(to right, var(--acc) 1px, transparent 2px);
background-size: 34px 34px;
background-color: var(--sec);


border: var(--acc) double;
max-width: 70em;
padding: clamp( 2px, 1%, 2em);
min-height: 100dvh;
margin: auto;
display: flex;
flex-wrap: wrap;
}


h1{
    margin: auto;
    text-align: center;
    background-color: var(--prim);
    border: var(--tert) solid 4px;
    width: 7em;
    padding: 0.5em 0px 0px 0px;
    height: 1.5em;
    color: var(--tert);
    z-index: 222;

}

.fill{
    width: 100%;
    display: flex;
}

.fill a{
    position: absolute;
    color: var(--acc);
    background-color: #000000;
    margin: -20px;
    padding: 1em;
    z-index: 1 ;
}

.block{
flex-grow: 1;
width: max(40%, 300px);
background-color: var(--prim);
border: solid 4px var(--tert);
margin: clamp( 2px, 3%, 2em);

color: var(--text);
scrollbar-color:  var(--tert)  var(--sec);

}

.content{
 overflow-x: hidden;
overflow-y: auto;
max-height: 65vh;   
}

.texxt{
 color: var(--text);
scrollbar-color:  var(--tert)  var(--sec);   
background-color: var(--prim);

margin-right: 7px;

}

table{
    margin: auto;
    width: 95%;
    text-align: left;
    border-collapse: collapse;
    border: var(--tert) solid 2px;
}
th{
    background-color:  var(--sec);
    padding: 0.5em 1em;
    border: var(--tert) solid 2px;
}


td:first-child{
  
 border: var(--tert) dotted 2px;
 background-color: var(--quad);
 

}

td{
    color: var(--text);
    padding: 1em;       
    border: var(--tert) dotted 2px;
  
}


a {
    color: var(--text);

}

a:hover{
    color: var(--tert);
    
}

hr{
    border: none;
    border-bottom: var(--tert) dotted 2px;
    padding: 0;
}

/* COLORRR*/
td > div > button{
height: 1em;
width: 1em;
border-width: 1px;
}

.block p{
    padding: 0 1em;

}

.texxt p{
      padding:  1em 1em;
    border-bottom: var(--tert) dotted 1px; 
     
}

.imgblock{
    background-color: var(--acc);
   width: max(20%, 200px); 
   max-width: 350px;
display: flex;
flex-direction: column;
  
  background-image: url("https://f2.toyhou.se/file/f2-toyhou-se/images/128349930_D78aiG0QdoNA2aU.gif");
  background-size: cover;
  image-rendering: pixelated;
  background-repeat: no-repeat;
  background-position: top 7em left -0em;
  background-blend-mode: lighten;
}
.imgblock img{
    width: 100%;
    margin: auto;
    image-rendering: pixelated;
    z-index: 0;
}

.imgblock p{
    color: var(--tert);
    margin: 1em;

 
   
}

.title{
    background-color: var(--quad);
    margin: 0px;
    position: sticky;
    top: 00px;
    border-bottom: solid 4px var(--tert);
    font-weight: 600;
    
}

/*FAAAAAQ*/

.faq p:first-of-type{
    margin-top: 1em;
}

.faq p{
   margin: 0em 1em;
   padding: 0.2em;
   border: dotted var(--tert) 2px;
}

.faq p:nth-of-type(2n-1){
    background-color: var(--sec); 
    margin-bottom: -2px ;
    font-weight: 600;
}

.faq p:nth-of-type(2n){
    margin-bottom: 1em ;
}




/*BOOOOKMMARK*/
.bookmarks{
    width: 100%;

image-rendering: pixelated;

    
}

.bookmarks .content{
   height: 35vh; 
}

.bookmarks h4, p{
padding: 0 1em 1em;
}


.bookmarks table{
    margin: auto;
    width: 95%;
    text-align: left;
    border-collapse: collapse;
   
}

.bookmarks th{
    background-color:  var(--sec);
    padding: 0.5em 1em;
    border: var(--tert) solid 2px;
}

.bookmarks td:first-child{
  
 border: var(--tert) dotted 2px;
 background-color:  var(--sec);
 

}

.bookmarks td{
    color: var(--text);
    padding: 0.5em 1em;       
    border-bottom: var(--tert) dotted 2px;
    background-color: var(--quad);
  
}


/*Black boxes*/

.blackk{
border-image-slice: 0% 95% 31% 0%;
border-image-width: 1em 1em 1.0em 0em;
border-image-outset: 0px 0px 10px 10px;
border-image-repeat: round round;
border-image-source: url("https://f2.toyhou.se/file/f2-toyhou-se/images/128630960_Nc5j2N7yBRKezyi.png");
border-style: solid;

}

.blacc{
  border-image-slice: 0% 33% 25% 33%;
border-image-width: 11em 1.5em 9em 1.5em;
border-image-outset: 80px 5px 60px 40px;
border-image-repeat: round round;
border-image-source: url("https://f2.toyhou.se/file/f2-toyhou-se/images/128630960_Nc5j2N7yBRKezyi.png");
border-style: solid;
margin: -4px;
}


.blacl{
    border-image-slice: 30 32 4 0;
border-image-width: 1em 1em 0.5em 1em;
border-image-outset: 80px 5px -90px 0px;
border-image-repeat: space space;
border-image-source: url("https://f2.toyhou.se/file/f2-toyhou-se/images/128630960_Nc5j2N7yBRKezyi.png");
border-style: solid;
margin: -4px;
}

.blaci{
     border-image-slice: 1 0 1 9;
border-image-width: 15em 1em 0.2em 1.0em;
border-image-outset: 0px 0px 23em 3.5em;
border-image-repeat: stretch stretch;
border-image-source: url("https://f2.toyhou.se/file/f2-toyhou-se/images/128630960_Nc5j2N7yBRKezyi.png");
border-style: solid; 
margin: -4px;
}