body {
    background-color:rgb(29, 28, 48);
    color: rgb(238, 242, 248);
    margin: 0;
    padding: 0;
    font-family: Georgia, serif;
}

.fbox {
    display: flex;
    justify-content: center;
    align-items: center;
}

a:link {
    color: rgb(114, 140, 255);
    background-color: transparent;
    text-decoration: none;
}
  
a:visited {
    color: rgb(174, 87, 255);
    background-color: transparent;
    text-decoration: none;
}

.snote {	
    color: rgb(238, 242, 248, 0.5);
	font-style: italic;
}

.divider {
    width: 100%;
    border-top: 1px solid #c5c5c56b;
}

.snippet {
    background-color:rgb(31, 61, 88);
    font-family: 'Courier New', monospace;
    padding: 0.1em;
    border-radius: 5px;
    font-size: 0.9em;
}

.codepar {
	margin: 2em 10%;
	width: calc(80% - 1.2em);
    background-color:rgb(31, 61, 88);
    font-family: 'Courier New', monospace;
    padding: 0.3em 0.6em;
    border-radius: 5px;
    font-size: 0.9em;
}

#navbar {
    z-index: 999;
    display:flex;
    justify-content: center;
    align-items: center;
    position: sticky;
    top: 0;
    background-color:rgb(29, 28, 48);
}

#navtitle {
    padding: 0.7em;
    font-size: 2.3em;
    text-align: center;
}

#navlinks {
    display:flex;
    justify-content: center;
    align-items: center;
}

.navbtn {
    padding: 0.8em;
    cursor: pointer;
    font-size: 1.1em;
    font-family: Trebuchet MS, sans-serif;
    transition: 0.2s;
}

.navbtn:hover {
    background-color: rgba(255, 255, 255, 0.096);
    transition: 0.2s;
}

.navselect {
    border-bottom: 1px solid #6dcaff;
    color: #6dcaff;
}

.rmain {
    display: flex;
    align-items: center;
    justify-content: center;
}

.rbox {
    margin: 3em;
    background-color: rgba(208, 236, 255, 0.089);
    width: 32vw;
    height: 65vh;
    overflow: scroll;
    padding: 0 2em;
}

.rtitle {
    text-align: center;
    font-size: 1.7em;
    padding-top: 1em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #c5c5c56b;
    width: 80%;
    margin: 0 10%;
    margin-bottom: 1em;
}

.miniprojectlink {
    background-color: rgba(243, 252, 255, 0.103);
    transition: 0.2s;
    padding: 2em;
    cursor: pointer;
    margin-bottom: 2em;
    width: calc(32vw - 4em);
    display: block;
}

.miniprojectlink:hover {
    background-color: rgba(243, 252, 255, 0.267);
    transition: 0.2s;
}

.minithumbnail {
    max-width: 10em;
    max-height: 10em;
}

.miniimgbox {
    display:flex; 
    justify-content: center; 
    align-items: center;
    min-width: 100%; 
    min-height: 100%;
    width: 100%; 
    height: 100%;
    margin-right: 0;
}

.miniprojecttitle {
    font-size: 2.1em;
    padding: 0.5em 0;
}

.miniprojecttitle span {
    font-size: 0.5em;
    color: rgba(241, 252, 255, 0.308);
    font-family: Trebuchet MS, sans-serif;
    font-style: italic;
    margin-left: 1.2em;
    display: block;
    margin-left: 0em;
    margin-top: 0.5em;
}

@media only screen and (max-width: 1000px) {
    .rbox {
        margin: 5vw;
        background-color: rgba(208, 236, 255, 0.089);
        width: calc(90vw - 4em);
        height: 65vh;
        overflow: scroll;
        padding: 0 2em;
    }
    .rmain {
        display: block
    }
    .miniprojectlink {
        background-color: rgba(243, 252, 255, 0.103);
        transition: 0.2s;
        padding: 2em;
        cursor: pointer;
        margin-bottom: 2em;
        width: calc(90vw - 8em);
        display: block;
    }
	.codepar {
		margin: 2em 0%;
		width: calc(100% - 1.2em);
    	background-color:rgb(31, 61, 88);
    	font-family: 'Courier New', monospace;
    	padding: 0.3em 0.6em;
    	border-radius: 5px;
    	font-size: 0.9em;
	}
}