html {
    max-width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    scroll-behavior: smooth;
    height: 100%;
}
body {
	/*font: 400 16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	color: #111;
	background-color: #fdfdfd;
	-webkit-text-size-adjust: 100%;
	-webkit-font-feature-settings: "kern" 1;
	-moz-font-feature-settings: "kern" 1;
	-o-font-feature-settings: "kern" 1;
	font-feature-settings: "kern" 1;
	font-kerning: normal;*/
    font: "B612 Mono";
    font-family:  monospace;
	display: flex;
	min-height: 100vh;
	flex-direction: column;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    background-color: #353B43;
}
#profilepic {
    border: 5px solid #20C15D;
    border-radius: 50%;
}
#cs699-navbar {
    margin: 0;
    padding: 0;
    width: 192px;
    top: 0;
    left: 0;
}
.sidebar {
    padding: 0;
    width: 192px;
    background-color: #242930;
    position: fixed;
    height: 100%;
    overflow: auto;
    left: 0;
    display: block;
}
.sidebar > .nav-link {
    display: block;
    color: #fff;
    padding: 2px;
    margin: 4px;
    width: 96%;
    text-align: center;
    display: block;
}
.sidebar > .active {
    color: #20C15D;
    text-decoration: italic;
}
h1:hover {
    text-decoration: underline;
    text-decoration-style: dashed;
}
img {
    margin: auto;
    padding: 16px;
    max-width: 100%;
    vertical-align: middle;
}
a {
    /* color: #478A58; */
    color: #57CC8A;
}
a:hover, .sidebar > .nav-link:hover {
    color: #20C15D;
    text-decoration: underline;
    text-decoration-style: dashed;
}
#iitblogo {
    padding: 16px;
    width: 100%;
    box-sizing: border-box;
}
main {
    margin-left: 192px;
    padding: 16px;
    background-color: #353B43;
    color: white;
}
section {
    margin: 64px 32px 64px;
}
#wrapper {
    width: 1174px;
    margin: 0 auto;
}
.table {
    color: white;
    max-width: 100%;
}
.my-checkbox {
    display: inline-block;
}
.btn-dark {
    border: solid 2px white;
}
.iframe-wrapper {
    margin: 0 auto;
    width: 640px;
}
  #section1 {padding-top:50px;height:500px;color: #fff; background-color: #1E88E5;}
  #section2 {padding-top:50px;height:500px;color: #fff; background-color: #673ab7;}
  #section3 {padding-top:50px;height:500px;color: #fff; background-color: #ff9800;}

@media screen and (max-width: 1366px) {
    #wrapper {
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .sidebar {
        width: 100%;
        min-height: 24px;
        max-height: 72px;
        position: fixed;
        top: 0;
        left: 0;
    }
    .sidebar > .nav-link {
        float: left;
        display: block;
        width: auto;
    }
    main {
        width: 100%;
        margin: 24px 0px 16px;
        padding-top: 48px;
    }
    #iitblogo {
        display: none;
    }
    .responsive-td {
        display: block;
        margin: 0 auto;
    }
    .iframe-wrapper {
        width: 100%;
    }
}