@font-face {
    font-family: 'Iosevka';
    src: url('Iosevka-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    meta: charset="UTF-8";
    
}
p {
 /* background-color:white;
 */}
body{
    font-family: 'Iosevka', sans-serif;
    margin:0px;
}
hr{
    margin-right:1em;
    margin-left:1em;
}
a {
    color:#FFFFFF;
}
.actual-sidebar {
    font-family: 'Iosevka', sans-serif;
    padding:3em;
    font-size: 100%;
    color:#FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: center; /* Align horizontal */
    align-items: center; /* Align vertical */
    border-right: 0px solid #000000;
    min-width: 322px;
}

.topnav{
    font-family: 'Iosevka', sans-serif;
    grid-column-start:1;
    grid-column-end: 4;
    display: flex;
    justify-content: space-evenly; /* Align horizontal */
    align-items: center; /* Align vertical */
    background-color:#9a5b9e;
    color:#FFFFFF;
    border-bottom: 0px solid #000000;
}
.footer{
    font-family: 'Iosevka', sans-serif;
    grid-column-start:1;
    grid-column-end: 4;
    display: flex;
    justify-content: space-evenly; /* Align horizontal */
    align-items: center; /* Align vertical */
    background-color:#9a5b9e;
    color:#FFFFFF;
    border-top:0px solid #000000;
}
.sidebarcontroller{
    font-family: 'Iosevka', sans-serif;
    background-color:#86328c;
    display:flex;
    flex-direction: row;
    width:100vw;
    height:100vh;
}
.home-grid-container{
    font-family: 'Iosevka', sans-serif;
    height: 100vh;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 3fr 1fr;
    grid-template-rows: 50px 1fr 50px;
}
.active {
    font-family: 'Iosevka', sans-serif;
    font-weight:bold
}
.profilepic{
    width:200px;
    height:200px;
}
@media screen and (max-width:800px){
    .home-grid-container{
        grid-template-columns: 0px 3fr 0px;
    }
    .sidebarcontroller{
	font-family: 'Iosevka', sans-serif;
        flex-direction:column;
        width:100vw;
        height:fit-content;
	white-space: nowrap; /* Prevent wrapping */
    }
    .actual-sidebar{
	    font-family: 'Iosevka', sans-serif;
        border-bottom: 0px solid #000000;
        font-size:50%;
    }
    .profilepic{
        width:00px;
        height:00px;
        
    }
}
@media screen and (max-height:600px) {
    .actual-sidebar {
	    font-family: 'Iosevka', sans-serif;
        font-size:50%;
    }
}
.home-content-wrapper{
    font-family: 'Iosevka', sans-serif;
    flex-direction: column;
    background-color:#EAEAEA;
    overflow:auto;
}
.entry{
    font-family: 'Iosevka', sans-serif;
    background-color:#FFFFFF;
    padding: 1rem;
    border: 1px solid #000000;
    border-radius:7px ;
    margin:1em;
    word-wrap: break-word;      /* IE 5.5-7 */
    white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
    white-space: pre-wrap;      /* current browsers */
}