/* FONT IMPORT */
@font-face {
    font-family: 'Michroma';
    src: url('/fonts/michroma-regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Outfit';
    src: url('/fonts/Outfit-VariableFont_wght.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Jost';
    src: url('/fonts/Jost-VariableFont_wght.ttf') format('truetype');
}
@font-face {
    font-family: 'Orbitron';
    src: url(/fonts/Orbitron-VariableFont_wght.ttf);
}


/* Custom Scrollbars
---
Chrome, Edge, Safari */
::-webkit-scrollbar {
    width: 12px;
}
::-webkit-scrollbar-thumb {
    background: rgb(80, 201, 144);
    border-radius: 6px;
}
::-webkit-scrollbar-track {
    background: rgb(17, 17, 17);
}

/* Firefox */
html {
    scrollbar-color: rgb(80, 201, 144) rgb(17, 17, 17);
    scrollbar-width:thin;
    scroll-behavior: smooth;
}

/*Divider Painting*/
#textblock {
    background-color: rgb(17, 17, 17);
    padding-bottom: 1%;
    padding-top: 1%;
    border: 2px outset rgb(86, 150, 120);
    border-radius: 10px 10px 5px 5px;
}


/*Actual Fonts*/
body{
    background-color: rgb(10, 10, 10);
    padding-left: 10%;
    padding-right: 10%;
}

p{
    color: rgb(207, 207, 207);
    font-family: 'Segoe UI', Tahoma, Verdana, sans-serif;
    margin-left: 5%;
    margin-right: 5%;
    /*Default  Texts
b{
    color: rgb(207, 207, 207);
    font-family: 'Segoe UI', Tahoma, Verdana, sans-serif;
}

i{
    color: rgb(207, 207, 207);
    font-family:'Segoe UI', Tahoma, Verdana, sans-serif;
}

del{
    color: rgb(207, 207, 207);
    font-family:'Segoe UI', Tahoma, Verdana, sans-serif;
}

ins, sub{
    color: rgb(207, 207, 207);
    font-family:'Segoe UI', Tahoma, Verdana, sans-serif;
}
        Default  Texts End*/
}

i, b, ins, del, sub, sup, strong, em{
    color: rgb(207, 207, 207);
    font-family: 'Segoe UI', Tahoma, Verdana, sans-serif;
}
a{
    color: rgb(80, 201, 144);
    font-family: 'Segoe UI', Tahoma, Verdana, sans-serif;
    margin-left: 5%;
    margin-right: 5%;
}
h1 {
color: rgb(224, 224, 224);
font-family: 'Michroma', Arial, Sans-serif;
text-align: center;
margin-bottom: 40px;
margin-left: 5%;
    margin-right: 5%;
}

h2, h3, h4, h5, h6{
color: rgb(224, 224, 224);
font-family: 'Outfit', Arial, Sans-serif;
text-align: center;
margin-left: 15%;
margin-right: 15%;
}
hr{
    margin-top: 60px;
    margin-bottom: 60px;
    margin-left: 10%;
    margin-right: 10%;
}

/*Stylization for Sidebar*/
#SideText {
    color: gray;
    font-family: 'Orbitron',Segoe UI, Tahoma, Verdana, sans-serif;
    font-weight: 700;
    font-size: 20px;
    display:block;
    text-align: center;
    padding-bottom: 16px;
    text-decoration: none;
}
#SideTextCurrent {
    color: rgb(156, 179, 168);
    font-family: 'Orbitron',Segoe UI, Tahoma, Verdana, sans-serif;
    font-weight: 700;
    font-size: 25px;
    display:block;
    text-align: center;
    padding-bottom: 16px;
    text-decoration:underline;
}

/*Other*/