@font-face {
     font-family: system;
     font-style: normal;
     font-weight: 300;
     src: local(".SFNSText-Light"), local(".HelveticaNeueDeskInterface-Light"), local("Roboto-Light"), local("DroidSans"), local("Tahoma"), local(".LucidaGrandeUI"), local("Ubuntu Light"), local("Segoe UI Light");
}
 html, body {
     width: 100%;
     height: 100%;
     border: 0px;
     margin: 0px;
     overflow-x: hidden;
}
 #title-bar {
     height: 31px;
     background-color: #d6dae0;
     width: 100%;
     display: flex;
     justify-content: space-between;
     user-select: none;
}
 #logo {
     padding-left: 5px;
     vertical-align: middle;
}
 #logo-description {
     color: black;
     font-size: 12px;
     font-family: "system";
     vertical-align: middle;
}
 #minimize {
     color: black;
     font-size: 12px;
     padding: 9px 15px 7px 15px;
}
 #square {
     color: black;
     font-size: 22px;
     padding: 0px 15px 5px 15px;
}
 #exit {
     color: black;
     font-size: 15px;
     padding: 7px 17px 7px 17px;
}
 #url-bar {
     height: 28px;
     background-color: #f1f3f4;
     width: 100%;
     display: flex;
     align-items: center;
     white-space: nowrap;
     overflow: scroll;
     text-overflow: ellipsis;
     -ms-overflow-style: none;
     scrollbar-width: none;
     border-bottom: 1px solid lightgray;
}
 #url-bar::-webkit-scrollbar {
     display: none;
}
 #ssl-padlock {
     user-select: none;
     padding-left: 8px;
     margin-right: 8px;
}
 #domain-name {
     color: #000000;
     font-size: 14px;
     font-family: "system";
}
 #domain-path {
     color: #7c7c7c;
     font-size: 14px;
     font-family: "system";
}
 #title-bar-width {
     width: 100%;
}
 #content {
     width: 100%;
     height: 92%;
}
 #window {
     color: transparent;
     background-color: transparent;
     border: 1px solid #dddddd;
     box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
     height: 80vh;
     max-height: 759px;
     min-width: 400px;
     position: absolute;
     top: 30px;
     left: 30%;
}
 .loginButton {
     background-color: #1e1e1e;
     padding: 5px;
     border: 0px;
     color: #e1e1e1;
}
 .headerBox {
     background-color:#1e90ff;
     color:#ffffff;
     font-family: 'Indie Flower';
     font-size:9vw;
     font-weight: bold;
     position: sticky;
     top: 0;
     text-align: center;
     width: 100%;
}
 .mainBodyContainer {
     text-align: center;
}
 .mainBody {
     padding-top: 9vw;
     width: 100%;
     background-color: #ffffff;
     margin-left: auto;
     margin-right: auto;
}
 .bottomText {
     font-family: arial, helvetica, sans-serif;
     color: #1d1d1d;
     width: 80%;
     margin-left: auto;
     margin-right: auto;
}