:root.flesh{
    --bg1:#f1f5e5;
    --bg2:#e7ebda;
    --fg1:#282926;
    --fg2:#b75c00;
    --deem:#8A857C;
    --black:#d4d8c8;
    --bggrad:#e5e7e055;
    --svg-fg1:brightness(0) saturate(100%) invert(12%) sepia(9%) saturate(386%) hue-rotate(39deg) brightness(90%) contrast(88%);
    --svg-fg2:brightness(0) saturate(100%) invert(39%) sepia(52%) saturate(6401%) hue-rotate(28deg) brightness(97%) contrast(101%);
    --svg-deem: brightness(0) saturate(100%) invert(53%) sepia(13%) saturate(232%) hue-rotate(360deg) brightness(97%) contrast(83%);
    --svg-bg1:brightness(0) saturate(100%) invert(94%) sepia(19%) saturate(163%) hue-rotate(38deg) brightness(104%) contrast(92%);
    --svg-bg2:brightness(0) saturate(100%) invert(94%) sepia(16%) saturate(147%) hue-rotate(30deg) brightness(98%) contrast(90%);
}



:root.dark-flesh{
    --bg1:#000f07;
    --bg2:#021100;
    --fg1:#f1f5e5;
    --fg2:#ebc580;
    --deem:#b6aea0;
    --black:#000000;
    --bggrad:#00000055;
    --svg-fg1:brightness(0) saturate(100%) invert(96%) sepia(3%) saturate(866%) hue-rotate(5deg) brightness(105%) contrast(92%);
    --svg-fg2:brightness(0) saturate(100%) invert(96%) sepia(26%) saturate(5725%) hue-rotate(305deg) brightness(110%) contrast(84%);
    --svg-deem:brightness(0) saturate(100%) invert(77%) sepia(17%) saturate(202%) hue-rotate(360deg) brightness(90%) contrast(85%);
    --svg-bg1:brightness(0) saturate(100%) invert(5%) sepia(44%) saturate(854%) hue-rotate(109deg) brightness(106%) contrast(105%);
    --svg-bg2:brightness(0) saturate(100%) invert(8%) sepia(57%) saturate(550%) hue-rotate(58deg) brightness(92%) contrast(108%);
}



:root,:root.terminal{
    --bg1:#000f07;
    --bg2:#021100;
    --fg1:#5aec00;
    --fg2:#e4ff00;
    --deem:#379000;
    --black:#000000;
    --bggrad:#00000055;
    --svg-fg1:brightness(0) saturate(100%) invert(70%) sepia(15%) saturate(2722%) hue-rotate(49deg) brightness(100%) contrast(115%);
    --svg-fg2:brightness(0) saturate(100%) invert(86%) sepia(78%) saturate(5974%) hue-rotate(10deg) brightness(105%) contrast(106%);
    --svg-deem:brightness(0) saturate(100%) invert(42%) sepia(19%) saturate(4281%) hue-rotate(64deg) brightness(92%) contrast(103%);
    --svg-bg1:brightness(0) saturate(100%) invert(5%) sepia(10%) saturate(4766%) hue-rotate(104deg) brightness(91%) contrast(101%);
    --svg-bg2:brightness(0) saturate(100%) invert(8%) sepia(57%) saturate(562%) hue-rotate(61deg) brightness(88%) contrast(107%);

}

:root.dark-trauma{
    --bg1:#464B71;
    --bg2:#2b2c4c;
    --fg1:#F6D7DD;
    --fg2:#E80008;
    --deem:#DEEFFF;
    --black:#440D47;
    --bggrad:#440D4755;
    --svg-fg1:brightness(0) saturate(100%) invert(82%) sepia(13%) saturate(263%) hue-rotate(298deg) brightness(100%) contrast(108%);
    --svg-fg2:brightness(0) saturate(100%) invert(17%) sepia(91%) saturate(6877%) hue-rotate(353deg) brightness(87%) contrast(111%);;
    --svg-deem:brightness(0) saturate(100%) invert(99%) sepia(91%) saturate(6169%) hue-rotate(177deg) brightness(106%) contrast(102%);
    --svg-bg1:brightness(0) saturate(100%) invert(26%) sepia(48%) saturate(433%) hue-rotate(195deg) brightness(96%) contrast(89%);
    --svg-bg2:brightness(0) saturate(100%) invert(15%) sepia(6%) saturate(4862%) hue-rotate(200deg) brightness(92%) contrast(89%);

}

:root.trauma{
    --bg1:#F6D7DD;
    --bg2:#FFE3E8;
    --fg1:#464B71;
    --fg2:#E80008;
    --deem:#FF7590;
    --black:#DEEFFF;
    --bggrad:#F6D7DD55;
    --svg-fg1:brightness(0) saturate(100%) invert(28%) sepia(46%) saturate(428%) hue-rotate(196deg) brightness(91%) contrast(92%);
    --svg-fg2:brightness(0) saturate(100%) invert(17%) sepia(93%) saturate(7466%) hue-rotate(353deg) brightness(87%) contrast(112%);
    --svg-deem:brightness(0) saturate(100%) invert(56%) sepia(34%) saturate(720%) hue-rotate(299deg) brightness(96%) contrast(111%);
    --svg-bg1:brightness(0) saturate(100%) invert(79%) sepia(19%) saturate(246%) hue-rotate(301deg) brightness(110%) contrast(93%);
    --svg-bg2:brightness(0) saturate(100%) invert(83%) sepia(25%) saturate(328%) hue-rotate(307deg) brightness(104%) contrast(112%);

}

:root.amber{
    --bg1:#270801;
    --bg2:#2B1403;
    --fg1:#CF8830;
    --fg2:#FAA700;
    --deem:#8A3700;
    --black:#170101;
    --bggrad:#2E141155;
    --svg-fg1:brightness(0) saturate(100%) invert(77%) sepia(13%) saturate(6874%) hue-rotate(339deg) brightness(87%) contrast(84%);
    --svg-fg2:brightness(0) saturate(100%) invert(55%) sepia(83%) saturate(1010%) hue-rotate(5deg) brightness(107%) contrast(102%);
    --svg-deem:brightness(0) saturate(100%) invert(14%) sepia(99%) saturate(3681%) hue-rotate(39deg) brightness(98%) contrast(101%);
    --svg-bg1:brightness(0) saturate(100%) invert(7%) sepia(12%) saturate(5716%) hue-rotate(341deg) brightness(99%) contrast(104%);
    --svg-bg2:brightness(0) saturate(100%) invert(9%) sepia(21%) saturate(2210%) hue-rotate(348deg) brightness(98%) contrast(100%);

}


:root.looseleaf{
    --bg1:#ffffff;
    --bg2:#edf4fa;
    --fg1:#002444;
    --fg2:#60b0df;
    --deem:#ff8fb0;
    --black:#c8e8fb;
    --bggrad:#edf4fa55;
    --svg-bg1:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(28deg) brightness(106%) contrast(101%);
    --svg-bg2:brightness(0) saturate(100%) invert(93%) sepia(26%) saturate(140%) hue-rotate(175deg) brightness(99%) contrast(97%);
    --svg-fg1:brightness(0) saturate(100%) invert(11%) sepia(51%) saturate(2594%) hue-rotate(188deg) brightness(93%) contrast(103%);
    --svg-fg2:brightness(0) saturate(100%) invert(69%) sepia(14%) saturate(1530%) hue-rotate(162deg) brightness(93%) contrast(88%);
    --svg-deem:brightness(0) saturate(100%) invert(73%) sepia(71%) saturate(957%) hue-rotate(294deg) brightness(102%) contrast(104%);
}


:root.photocopy{
    --bg1:#ffffff;
    --bg2:#f6f5f3;
    --fg1:#000000;
    --fg2:#000000;
    --deem:#747474;
    --black:#f6f5f3;
    --bggrad:#ffffff55;
    --svg-bg1: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7492%) hue-rotate(349deg) brightness(103%) contrast(103%);
    --svg-bg2:brightness(0) saturate(100%) invert(92%) sepia(7%) saturate(267%) hue-rotate(319deg) brightness(108%) contrast(93%);
    --svg-fg1:brightness(0) saturate(100%) invert(0%) sepia(1%) saturate(36%) hue-rotate(279deg) brightness(95%) contrast(101%);
    --svg-fg2: brightness(0) saturate(100%) invert(0%) sepia(1%) saturate(36%) hue-rotate(279deg) brightness(95%) contrast(101%);
    --svg-deem:filter: brightness(0) saturate(100%) invert(47%) sepia(1%) saturate(0%) hue-rotate(151deg) brightness(94%) contrast(80%);
}


:root.pining{
    --bg1:#d9ead3;
    --bg2:#edf5ea;
    --fg1:#50761d;
    --fg2:#b46d06;
    --deem:#76af8a;
    --black:#d9ead3;
    --bggrad:#d9ead355;
    --svg-bg1:brightness(0) saturate(100%) invert(96%) sepia(8%) saturate(466%) hue-rotate(51deg) brightness(97%) contrast(90%);
    --svg-bg2:brightness(0) saturate(100%) invert(94%) sepia(14%) saturate(544%) hue-rotate(56deg) brightness(118%) contrast(92%);
    --svg-fg1:brightness(0) saturate(100%) invert(37%) sepia(90%) saturate(388%) hue-rotate(43deg) brightness(89%) contrast(86%);
    --svg-fg2:brightness(0) saturate(100%) invert(37%) sepia(92%) saturate(692%) hue-rotate(5deg) brightness(100%) contrast(95%);
    --svg-deem:brightness(0) saturate(100%) invert(65%) sepia(20%) saturate(555%) hue-rotate(88deg) brightness(96%) contrast(89%);
}

:root.therapist{
    --bg1:#d9d2e9;
    --bg2:#e2d1ea;
    --fg1:#2c0888;
    --fg2:#7f6100;
    --deem:#56518f;
    --black:#e2d1ea;
    --bggrad:#d9d2e955;
    --svg-bg1:brightness(0) saturate(100%) invert(90%) sepia(12%) saturate(631%) hue-rotate(207deg) brightness(98%) contrast(87%);
    --svg-bg2:brightness(0) saturate(100%) invert(100%) sepia(18%) saturate(6027%) hue-rotate(186deg) brightness(92%) contrast(99%);
    --svg-fg1:brightness(0) saturate(100%) invert(13%) sepia(87%) saturate(4635%) hue-rotate(258deg) brightness(58%) contrast(114%);
    --svg-fg2:brightness(0) saturate(100%) invert(28%) sepia(87%) saturate(1366%) hue-rotate(33deg) brightness(97%) contrast(101%);
    --svg-deem:brightness(0) saturate(100%) invert(36%) sepia(15%) saturate(1620%) hue-rotate(205deg) brightness(90%) contrast(94%);
}

:root.dark-therapist{
    --bg1:#2c0888;
    --bg2:#56518f;
    --fg1:#e2d1ea;
    --fg2:#cfa62e;
    --deem:#ead1dc;
    --black:#56518f;
    --bggrad:#2c088855;
    --svg-bg1:brightness(0) saturate(100%) invert(10%) sepia(80%) saturate(7061%) hue-rotate(261deg) brightness(60%) contrast(108%);
    --svg-bg2:brightness(0) saturate(100%) invert(34%) sepia(10%) saturate(2637%) hue-rotate(206deg) brightness(91%) contrast(88%);
    --svg-fg1:brightness(0) saturate(100%) invert(100%) sepia(65%) saturate(1699%) hue-rotate(185deg) brightness(95%) contrast(93%);
    --svg-fg2:brightness(0) saturate(100%) invert(67%) sepia(59%) saturate(479%) hue-rotate(6deg) brightness(86%) contrast(100%);
    --svg-deem:brightness(0) saturate(100%) invert(93%) sepia(5%) saturate(1168%) hue-rotate(294deg) brightness(93%) contrast(97%);
}

:root.canary{
    --bg1:#fed452;
    --bg2:#f6e09f;
    --fg1:#75581b;
    --fg2:#e69138;
    --deem:#5c4e14;
    --black:#f6e09f;
    --bggrad:#fed45255;
    --svg-bg1:brightness(0) saturate(100%) invert(79%) sepia(69%) saturate(434%) hue-rotate(344deg) brightness(101%) contrast(99%);
    --svg-bg2:brightness(0) saturate(100%) invert(92%) sepia(14%) saturate(940%) hue-rotate(347deg) brightness(99%) contrast(94%);
    --svg-fg1:brightness(0) saturate(100%) invert(34%) sepia(18%) saturate(1504%) hue-rotate(2deg) brightness(97%) contrast(96%);
    --svg-fg2:brightness(0) saturate(100%) invert(77%) sepia(44%) saturate(3146%) hue-rotate(334deg) brightness(95%) contrast(89%);
    --svg-deem:brightness(0) saturate(100%) invert(29%) sepia(25%) saturate(1264%) hue-rotate(11deg) brightness(92%) contrast(90%);
}

:root.blood{
    --bg1:#490202;
    --bg2:#320707;
    --fg1:#da0000;
    --fg2:#825994;
    --deem:#ff0000;
    --black:#5c0e0e;
    --bggrad:#32070755;
    --svg-bg1:brightness(0) saturate(100%) invert(8%) sepia(54%) saturate(3780%) hue-rotate(348deg) brightness(95%) contrast(107%);
    --svg-bg2:brightness(0) saturate(100%) invert(10%) sepia(29%) saturate(1798%) hue-rotate(320deg) brightness(93%) contrast(109%);
    --svg-fg1:brightness(0) saturate(100%) invert(11%) sepia(96%) saturate(5691%) hue-rotate(3deg) brightness(88%) contrast(114%);
    --svg-fg2:brightness(0) saturate(100%) invert(40%) sepia(11%) saturate(1911%) hue-rotate(237deg) brightness(92%) contrast(84%);
    --svg-deem:brightness(0) saturate(100%) invert(15%) sepia(88%) saturate(5880%) hue-rotate(355deg) brightness(98%) contrast(121%);
}

:root.hot-topic{
    --bg1:#000000;
    --bg2:#000000;
    --fg1:#da0000;
    --fg2:#f3f6f4;
    --deem:#ff0000;
    --black:#000000;
    --bggrad:#ff000055;
    --svg-bg1: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7500%) hue-rotate(43deg) brightness(93%) contrast(104%);
    --svg-bg2:brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7500%) hue-rotate(43deg) brightness(93%) contrast(104%);
    --svg-fg1:brightness(0) saturate(100%) invert(11%) sepia(96%) saturate(5691%) hue-rotate(3deg) brightness(88%) contrast(114%);
    --svg-fg2:brightness(0) saturate(100%) invert(94%) sepia(3%) saturate(125%) hue-rotate(88deg) brightness(104%) contrast(95%);
    --svg-deem:brightness(0) saturate(100%) invert(15%) sepia(88%) saturate(5880%) hue-rotate(355deg) brightness(98%) contrast(121%);
}


:root.hot-toxic{
    --bg1:#000000;
    --bg2:#000000;
    --fg1:#bfff00;
    --fg2:#f3f6f4;
    --deem:#e0ff00;
    --black:#000000;
    --bggrad:#6f920955;
    --svg-bg1: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7500%) hue-rotate(43deg) brightness(93%) contrast(104%);
    --svg-bg2:brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7500%) hue-rotate(43deg) brightness(93%) contrast(104%);
    --svg-fg1:brightness(0) saturate(100%) invert(100%) sepia(90%) saturate(7251%) hue-rotate(17deg) brightness(101%) contrast(107%);
    --svg-fg2:brightness(0) saturate(100%) invert(94%) sepia(3%) saturate(125%) hue-rotate(88deg) brightness(104%) contrast(95%);
    --svg-deem:brightness(0) saturate(100%) invert(99%) sepia(37%) saturate(7500%) hue-rotate(11deg) brightness(106%) contrast(103%);
}

.styled-scrollbars {
  scrollbar-color: var(--fg1) var(--bg1);
}
.styled-scrollbars::-webkit-scrollbar {
  width: 10px; /* Mostly for vertical scrollbars */
  height: 10px; /* Mostly for horizontal scrollbars */
}
.styled-scrollbars::-webkit-scrollbar-thumb { /* Foreground */
  background: var(--fg1);
}
.styled-scrollbars::-webkit-scrollbar-track { /* Background */
  background: var(--bg1);
}

/*** Works on common browsers ***/
::selection {
    background-color: var(--fg2);
    color: var(--bg1);
}

/*** Mozilla based browsers ***/
::-moz-selection {
    background-color: var(--fg2);
    color: var(--bg1);
}

/***For Other Browsers ***/
::-o-selection {
    background-color: var(--fg2);
    color: var(--bg1);
}

::-ms-selection {
    background-color: var(--fg2);
    color: var(--bg1);
}

/*** For Webkit ***/
::-webkit-selection {
    background-color: var(--fg2);
    color: var(--bg1);
}

select {
  // A reset of styles, including removing the default dropdown arrow
  appearance: none;
  // Additional resets for further consistency
  border: dotted;
  border-width:1px;
  border-color:var(--fg1);
  padding: 9px 9px 9px 9px;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  background-color:var(--bg2);
  color: var(--fg2);
  text-align:center;
  text-transform:uppercase;
  letter-spacing:9px;
  font-size:9px;
  
  
}

body {

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction:column;
    
    *background-color: var(--bg1);
    color:var(--fg1);
    font-family:Arial;

    background-color: var(--bg2);
    opacity: 1;
    background-image:  repeating-radial-gradient( circle at 0 0, transparent 0, var(--bg2) 10px ), repeating-linear-gradient( var(--bggrad), var(--black) );
}

h1{
    letter-spacing:9px;
    line-height:1.08;
    margin-bottom:0px;
}

h2{
    letter-spacing:9px;
    text-transform:uppercase;
    font-weight:180;
    line-height:1.08;
    margin-top:0px;
    margin-bottom:0px;
    
}



p{
    line-height:1.44;
    margin-bottom:0px;
    font-size:18px;
}

.logo{
    align-self:center;
    width:81%;
}

.logo:hover{
    text-transform:none;
    background:none;
    color:none;
    align-self:center;
    width:81%;
}

.logo:hover:after{
    content: none;
}

.icon{
    font-size:99px;
    font-weight:99;
}


.icon-right{
    font-size:27px;
    font-weight:180;
}

.icon-deem-box{
    font-size:9px;
    font-weight:99;
    border-style:dotted;
    border-width:1px;
    border-color:var(--deem);
    color:var(--fg2);
    padding:9px;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:9px;
    background-color:var(--bg2);
}

.invisible{
        all: unset;
}

.invisible:hover{
    all: unset;
}

.invisible:hover:after{
  content: "";
}

a{
    color:var(--fg2);
    text-decoration:none;
}

a:hover{
    text-transform:uppercase;
    background:var(--fg2);
    color:var(--bg1);
    /*text-decoration: dotted overline var(--fg2) 2px;*/
}

a:hover:after{
  content: "꩜";
}

.link-center{
    font-size:9px;
    max-width:999px;
    display: flex;
    justify-content:center;
    flex-direction:column;
    flex-wrap:wrap;
    padding-bottom:9%;
    letter-spacing:9px;
    text-align:center;
}

.huge-center{
    font-size:99px;
    max-width:999px;
    display: flex;
    justify-content:center;
    flex-direction:column;
    flex-wrap:wrap;
    padding-bottom:9%;
    letter-spacing:9px;
    text-align:center;
}

hr.style-one {
    border: 0;
    height: 1px;
    background: var(--bg1);
    background-image: linear-gradient(to right, var(--fg2), var(--fg1), var(--deem));
}

.svg-fg1{
    filter:var(--svg-fg1);
}
.svg-fg2{
    filter:var(--svg-fg2);
}
.svg-bg1{
    filter:var(--svg-bg1);
}
.svg-bg2{
    filter:var(--svg-bg2);
}
.svg-deem{
    filter:var(--svg-deem);
}

.button-1{
    border-style:solid;
    border-width:1px;
    border-color:var(--fg1);
    color:var(--fg1);
    padding:9px;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:9px;
    text-align:center;
    font-size:18px;
    font-weight:99;
}

.button-2{
    border-style:solid;
    border-width:1px;
    border-color:var(--deem);
    color:var(--deem);
    padding:9px;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:9px;
    text-align:center;
    font-size:18px;
    font-weight:99;
}

.button-1:hover{
    border-color:var(--fg2);
    color:var(--bg1);
    text-decoration:none;
    

}

.button-2:hover{
    border-color:var(--fg1);
    color:var(--fg1);
    background:none;
    text-decoration:none;

}

.button-1:hover:after{
  content: "";
}

.button-2:hover:after{
  content: "";
}

.button-row{
    display:flex;
    flex-direction:row;
    margin-top:27px;
    gap:9px 9px;
    flex-wrap:wrap;
    justify-content: space-between;
    
    
}

.button-row-single{
    display:flex;
    flex-direction:row;
    margin-top:27px;
    gap:9px 9px;
    justify-content:center;
    flex-wrap:wrap;
    align-items:center;
    
    
}

.main{
    max-width:990px;
    display: flex;
    justify-content:center;
    flex-direction:column;
    padding:9px;

}

.top-logo{
    display: flex;
    justify-content:center;
    flex-direction:column;
    padding-bottom:9px;
    
    
    
}

.header-bar{
    display:flex;
    flex-direction:row;
    margin:0px;
    gap:9px 9px;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
    
    
}

.boxed-content{
    border-style:solid;
    border-width:1px;
    border-color:var(--fg1);
    color:var(--fg1);
    padding:18px;
    margin-top:18px;
}

.boxed-content-backdrop{
    border-style:solid;
    border-width:1px;
    border-color:var(--fg1);
    color:var(--fg1);
    padding:18px;
    margin-top:18px;
    background-color:var(--bg1);
}

.boxed-content-333{
    border-style:solid;
    border-width:1px;
    border-color:var(--fg1);
    color:var(--fg1);
    padding:18px;
    margin-top:18px;
    max-width:333px;
  

}

.boxed-content-fg2{
    border-style:solid;
    border-width:1px;
    border-color:var(--fg2);
    color:var(--fg2);
    padding:18px;
    margin-top:18px;
}


.full-image{
    width:99%;
    justify-content:center;
}


.hallway{
    display:flex;
    flex-direction:row;
    margin-top:27px;
    gap:9px 9px;
    flex-wrap:wrap;
    justify-content:center;

}


.hallway-single{
    display:flex;
    flex-direction:column;
    margin-top:27px;
    gap:9px 9px;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    width:max-content;
}

.pillar{
    width:99px;
    height:999px;
    background-image: url("pillar.svg");
    background-size:contain;
    background-repeat:repeat-y;
}

.door{
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    border-style:solid;
    border-width:1px;
    border-radius:45% 45% 0% 0%;
    border-color:var(--fg1);
    color:var(--fg1);
    padding:18px;
    margin-top:18px;
    height:333px;
    width:333px;
    align-items:flex-end;
    align-content:flex-end;
    justify-content:center;
    
}

.doorframe{
    border-style:solid;
    border-width:1px 1px 9px 1px;
    border-radius:4.5% 4.5% 0% 0%;
    border-color:var(--fg1);
    padding:18px;
    margin-top:18px;
    width:max-content;
    filter: drop-shadow(0px 45px 45px var(--deem));
    background-color:var(--bg1);
}


/*
.doorframe:hover{
   
    filter: drop-shadow(0px 45px 45px var(--deem));
    background-color:var(--bg1);
    
}*/

.door-icon{
    font-size:45px;
    font-weight:200;
    text-align:center;
    width:100%;
}


.door-title{
    letter-spacing:4.5px;
    text-transform:uppercase;
    font-weight:200;
    line-height:1.08;
    margin-top:0px;
    margin-bottom:0px;
    font-size:15.3px;
    text-align:center;
    
}

.door-knocker{
    width:90%;
    margin-bottom:9px;
    margin-top:9px;
    
}

.door-knob{
filter: drop-shadow(0px 9px 9px var(--bg2));
}

.button-door{
    border-style:solid;
    border-width:1px;
    border-color:var(--fg1);
    color:var(--fg1);
    padding:9px;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:9px;
    width:100%;
    text-align:center;
    
    
}

.button-door:hover{
    border-color:var(--fg2);
    color:var(--bg1);
    text-decoration:none;
    

}

.button-door:hover:after{
  content: "";
}

.door-deem-box{
    font-size:9px;
    font-weight:100;
    border-style:dotted;
    border-width:1px;
    border-color:var(--deem);
    color:var(--fg1);
    padding:9px;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:9px;
    width:100%;
    text-align:center;
    background-color:var(--bg2);
}

.footplate{
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    border-style:solid;
    border-width:1px;
    border-radius:0% 0% 0% 0%;
    border-color:var(--fg1);
    color:var(--fg1);
    padding:18px;
    height:333px;
    width:333px;
    align-items:flex-end;
    align-content:space-between;
    justify-content:center;
    
}

.copyright{
    font-size:9px;
    max-width:999px;
    display: flex;
    justify-content:center;
    flex-direction:column;
    flex-wrap:wrap;
    padding-top:9%;
    padding-bottom:9%;
    letter-spacing:9px;
    text-align:center;

}

 .copyright::before {
     content: "ⓒ 2025 ";
 }

 .themes{
    display: flex;
    justify-content:center;
    flex-direction:row;
    
 }

 .hoof {
    padding-bottom:99px;
 }