.l3{padding:0px 10px;}.l3:hover{border-radius: 3px ;box-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; inset;background-color: #c3c7c74b; }
.glass-butto nsl{white-space: nowrap;width:9.5em ;height: 1em; text-align: left; display: inline-block;font-size:16px;pad ding: 0px;over flow: hidden;bo rder-radius: 100px;ba ckground-color: rgba(255, 255, 255, 0.0);ba ckdrop-filter: blur(70.7px);bo rder: 1px solid rgba(255,255,255,0.3);back drop-filter: blur(7px);b ox-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; in set;back ground-color: rgba(255, 255, 255, 0.30);fr ont-color: rgb(255, 139, 139);}
a77 7{display: inline-block;font-size:16px; pad ding: 0px 0px;width:9.15em ;color: rgb(255, 255, 255);}

nav1 .home-link{m argin-left: auto;
padding: 20px 60px;
display: b lock;
bo rder-radius: 10%;

height: 60px;
background-color: transparent;

justify-content: fl ex-end;
align-items: bl ock;
bo rder-radius: 10%;display: inline-block;font-size:16px;pad ding: 0px;over flow: hidden;
}




:root{--color-1: rgba(150, 62, 62, 0);
--text-color: white;
--accent-color: rgb(160, 166, 160);
}
a500{color: white;font-size: 16px;}

html{
}

label:hover{
box-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; inset;
background-color: rgba(192, 192, 192, 0.371);
}

nav1{
height: 10px;
width: 100%;
padding:3px 15px;
bo rder-radius: 100%;
background-color: rgba(150, 62, 62, 0);
z-index: 7;
right: -97%;
justify-content: flexstart;
align-items: center;
justify-content: flex-end;
align-items: right;
position: fixed;
top: 0;font-weight: 700;
}

nav1 a{
height: 100%;
padding: 10px 10px;
m argin-left: 70%;
align-items: right;
text-decoration: none;
color:var(--text-color);
}

nav1 a:hover{
box-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; inset;
background-color: rgba(192, 192, 192, 0.371);
}

nav1 .home{m argin-left: auto;
}

nav1 svg{fill: var(--text-color);
}

div1{
align-items: right;
}

.links-container1{
flex-direction: column;
align-items: flex-start;
position: fixed;
top: 0;
right: -100%;
z-index: 10;
width:9.15em;
background-color: var(--color-1);
box-shadow: -5px 0px 5px rgba(255, 255, 255, 0.814);
height: auto;
wid th: 77%;
padding: 10px 10px;
justify-content: flex-start;
transition: 137ms ease-out;pa dding: 10px 10px;pad ding: 0px;ove rflow: hidden;bo rder-radius: 100px;backgr ound-color: rgba(255, 255, 255, 0.70);ba ckdrop-filter: blur(70.7px);border: 3.4px solid rgba(255,255,255,0.3);backdro p-filter: blur(7px);box -shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; in set;background-color: rgba(255, 255, 255, 0.077);fron t-color: rgb(255, 139, 139);
}

.open-sidebar-button1, .close-sidebar-button1{
padding: 20px;
display: block;
border-radius: 30%;
z-index: 7;
}.close-sidebar-button1{border: 0.25em solid rgba(255, 255, 255, 0.046);backdrop-filter: blur(7px);box-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; in set;background-color: rgba(255, 255, 255, 0.854);fr ont-color: rgb(255, 139, 139);}

#sidebar-active{
display: none;
}

#sidebar-active1:checked ~ .links-container1{
right: 0%;
bo rder-radius: 7%;
}

#sidebar-active1:checked ~ #overlay1{
background-color: rgba(39, 113, 50, 0.447);
backdrop-filter: blur(3.7px);
border: 4px solid rgba(255,255,255,0.3);
border-left: 4px solid rgba(255,255,255,0.3);
box-shadow: 3px 3px 3px rgba(255,255,255,0.3);
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 8;
}

#sidebar-active1{display: none;}

#sidebar-activetoVERSE1,#sidebar-activetoVERSE2,#sidebar-activetoVERSE3
{display: none;}
#sidebar-activetoAT{display: none;}
#sidebar-activetoNT{display: none;}



navtoVERSE1,navtoVERSE2,navtoVERSE3
{
height: 60px;
background-color: transparent;

justify-content: flex-end;
align-items: center;
bo rder-radius: 10%;
}
navtoAT{
height: 60px;
background-color: transparent;

justify-content: flex-end;
align-items: center;
bo rder-radius: 10%;
}
navtoNT{
height: 60px;
background-color: transparent;

justify-content: flex-end;
align-items: center;
bo rder-radius: 10%;
}



navtoVERSE1 a,navtoVERSE2 a,navtoVERSE3 a
{
height: 100%;
padding: 0px 21px;
text-align: left; display: inline-block;width: 1em;
align-items: center;
text-decoration: none;
color:var(--text-color);
bor der-radius: 100%;font-size:16px;white-space: nowrap;width:1.7em ;height: 1em; text-align: left; display: inline-block;
}
navtoAT a{
height: 100%;
padding: 0 20px;

align-items: center;
text-decoration: none;
color:var(--text-color);
bor der-radius: 100%;font-size:16px;white-space: nowrap;width:9.5em ;height: 1em; text-align: left; display: inline-block;
}
navtoNT a{
height: 100%;
padding: 0 20px;

align-items: center;
text-decoration: none;
color:var(--text-color);
bor der-radius: 100%;font-size:16px;white-space: nowrap;width:9.5em ;height: 1em; text-align: left; display: inline-block;
}



navtoVERSE1 a:hover,navtoVERSE2 a:hover,navtoVERSE3 a:hover
{
box-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; inset;
background-color: rgba(192, 192, 192, 0.371);
}
navtoAT a:hover{
box-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; inset;
background-color: rgba(192, 192, 192, 0.371);
}
navtoNT a:hover{
box-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; inset;
background-color: rgba(192, 192, 192, 0.371);
}



navtoVERSE1 svg,navtoVERSE2 svg,navtoVERSE3 svg
{fill: var(--text-color);
}
navtoAT svg{fill: var(--text-color);
}
navtoNT svg{fill: var(--text-color);
}



.links-containertoVERSE1,.links-containertoVERSE2,.links-containertoVERSE3
{
flex-direction: column;
align-items: flex-start;
position: fixed;
top: 0;
right: -100%;
z-index: 10;
width: 25.37em;
background-color: var(--color-1);
box-shadow: -5px 0px 5px rgba(255, 255, 255, 0.814);
height: auto;
wid th: 47%;
pad ding: 3px 17px;
justify-content: flex-start;
transition: 137ms ease-out;padding: 10px 10px;pad ding: 0px;ove rflow: hidden;bo rder-radius: 100px;backgr ound-color: rgba(255, 255, 255, 0.70);backdrop-filter: blur(70.7px);border: 3.4px solid rgba(255,255,255,0.3);backdrop-filter: blur(7px);bo x-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; inset;background-color: rgba(255, 255, 255, 0.077);front-color: rgb(255, 139, 139);
}
.links-containertoAT{
flex-direction: column;
align-items: flex-start;
position: fixed;
top: 0;
right: -100%;
z-index: 10;
width: 25.37em;
background-color: var(--color-1);
box-shadow: -5px 0px 5px rgba(255, 255, 255, 0.814);
height: auto;
wid th: 47%;
pad ding: 3px 17px;
justify-content: flex-start;
transition: 137ms ease-out;padding: 10px 10px;pad ding: 0px;ove rflow: hidden;bo rder-radius: 100px;backgr ound-color: rgba(255, 255, 255, 0.70);backdrop-filter: blur(70.7px);border: 3.4px solid rgba(255,255,255,0.3);backdrop-filter: blur(7px);bo x-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; inset;background-color: rgba(255, 255, 255, 0.077);front-color: rgb(255, 139, 139);
}
.links-containertoNT{
flex-direction: column;
align-items: flex-start;
position: fixed;
top: 0;
right: -100%;
z-index: 10;
width: 25.37em;
background-color: var(--color-1);
box-shadow: -5px 0px 5px rgba(255, 255, 255, 0.814);
height: auto;
wid th: 47%;
pad ding: 3px 17px;
justify-content: flex-start;
transition: 137ms ease-out;padding: 10px 10px;pad ding: 0px;ove rflow: hidden;bo rder-radius: 100px;backgr ound-color: rgba(255, 255, 255, 0.70);backdrop-filter: blur(70.7px);border: 3.4px solid rgba(255,255,255,0.3);backdrop-filter: blur(7px);bo x-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; inset;background-color: rgba(255, 255, 255, 0.077);front-color: rgb(255, 139, 139);
}



.open-sidebar-buttontoVERSE1, .close-sidebar-buttontoVERSE1,.open-sidebar-buttontoVERSE2, .close-sidebar-buttontoVERSE2,.open-sidebar-buttontoVERSE3, .close-sidebar-buttontoVERSE3
{padding: 0px 60px;text-align: left; display: inline-block;width: 1em;
padding: 0px 60px
d isplay: block;border-radius: 30%;}
.close-sidebar-buttontoVERSE1,.close-sidebar-buttontoVERSE2,.close-sidebar-buttontoVERSE3
{width: 17.5em;height: 1.0em; border: 0.25em solid rgba(255, 255, 255, 0.046);backdrop-filter: blur(7px);box-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; in set;background-color: rgba(255, 255, 255, 0.854);fr ont-color: rgb(255, 139, 139);}
.open-sidebar-buttontoAT, .close-sidebar-buttontoAT{
padding: 7px 60px;
display: block;
border-radius: 15%;
}.close-sidebar-buttontoAT{border: 0.25em solid rgba(255, 255, 255, 0.046);backdrop-filter: blur(7px);box-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; in set;background-color: rgba(255, 255, 255, 0.854);fr ont-color: rgb(255, 139, 139);}
.open-sidebar-buttontoNT, .close-sidebar-buttontoNT{
padding: 7px 60px;
display: block;
border-radius: 15%;
}.close-sidebar-buttontoNT{border: 0.25em solid rgba(255, 255, 255, 0.046);backdrop-filter: blur(7px);box-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; in set;background-color: rgba(255, 255, 255, 0.854);fr ont-color: rgb(255, 139, 139);}



#sidebar-activetoVERSE1:checked ~ .links-containertoVERSE1,#sidebar-activetoVERSE2:checked ~ .links-containertoVERSE2,#sidebar-activetoVERSE3:checked ~ .links-containertoVERSE3
{
right: 0%;
border-radius: 0%;
}
#sidebar-activetoAT:checked ~ .links-containertoAT{
right: 0%;
border-radius: 0%;
}
#sidebar-activetoNT:checked ~ .links-containertoNT{
right: 0%;
border-radius: 0%;
}



#sidebar-activetoVERSE1:checked ~ #overlaytoVERSE1,#sidebar-activetoVERSE2:checked ~ #overlaytoVERSE2,#sidebar-activetoVERSE3:checked ~ #overlaytoVERSE3
{
background-color: rgba(228, 225, 7, 0.335);
backdrop-filter: blur(3.7px);
border: 4px solid rgba(255,255,255,0.3);
border-left: 4px solid rgba(255,255,255,0.3);
box-shadow: 3px 3px 3px rgba(255,255,255,0.3);
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 9;
}
#sidebar-activetoAT:checked ~ #overlaytoAT{
background-color: rgba(173, 216, 230, 0.318);
backdrop-filter: blur(3.7px);
border: 4px solid rgba(255,255,255,0.3);
border-left: 4px solid rgba(255,255,255,0.3);
box-shadow: 3px 3px 3px rgba(255,255,255,0.3);
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 9;
}
#sidebar-activetoNT:checked ~ #overlaytoNT{
background-color: rgba(173, 216, 230, 0.318);
backdrop-filter: blur(3.7px);
border: 4px solid rgba(255,255,255,0.3);
border-left: 4px solid rgba(255,255,255,0.3);
box-shadow: 3px 3px 3px rgba(255,255,255,0.3);
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 9;
}