body {
    margin: 0; 
    padding: 0;
    height: 100%;
    width: 100%;
    overflow-x: hidden;
}

.headerText {
    font-size: 15px; color: #ffffff; font-weight: 400; line-height: 40px;font-family: Roboto, sans-serif;
}


.con {
    container-type: size;
    container-name: main;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    background-color: #232323;
}

.disableCopy {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.brighten:hover {
    filter: brightness(1.5);
}

.brightenBackdrop:hover {
    backdrop-filter: brightness(1.5);
}


.darken:hover {
    filter: brightness(0.5);
}

.darkenBackdrop:hover {
    backdrop-filter: brightness(0.5);
}

.clickCursor {
    cursor: pointer;
}

div { box-sizing: border-box; }

.flex70 {
    width: 70%;
    padding: 10px;
    min-height: 100%;
    max-height: 100%;
    position: relative;
}

.flex30 {
    width: 30%;
    padding: 10px;
    min-height: 100%;
    max-height: 100%;
    position: relative;
}

.fillbox {
    width: 100%;
    min-height: fit-content;
}

.stdFont {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 550;
    line-height: 1.4;
}

.stdFontSmall {
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 550;
    line-height: 1.4;
}


.dropdown {
  position: relative;
  display: inline-block;
}

.dropbtn {
    border: none; background: none; padding: 0 15px; font-size: 15px; color: #ffffff; font-weight: 400; line-height: 40px; height: 100%;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #363636;
  min-width: 160px;
  z-index: 1;
  top: 40px;
}


.dropdown-content a {
  padding: 12px 16px;
  font-size: 15px; color: #ffffff; font-weight: 400; line-height: 20px;
  text-decoration: none;
  display: block;
}


.dropdown-content a:hover {background-color: #387EBF;}

.dropbtn:hover {background-color: #387EBF;}


.dropdown:hover .dropdown-content {display: block;}


.hov:hover {
    cursor: pointer;
}

