body {
    background-color: #323232;
}

#footer {

}

.mainBox {
    display: flex;
    flex-wrap: wrap;
  /*  height: 75vh;*/

}

.leftBox {
    /*height: 100vh;*/
    width: 14vw;
    min-width: 220px;
   /* min-height: 450px;*/
    display: flex;
    flex-direction: column;

}

.leftBoxLogo {
    width: 220px;
    height: 220px;
    align-self: center;
}

.leftBoxLogIn {
    width: 200px;
   /* height: 200px;*/
    color: #04e9e9;
    align-self: center;
    margin: 2px;
}

.leftBoxLogInName {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
}

.leftBoxLogInPassword {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
}

.leftBoxLogInRegistration2 {
    color: #04e9e9;
    background-color: #323232;
    border-width: 0px;
    margin: 2px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;

}

.leftBoxLogInEntrance2 {
    color: #04e9e9;
    background-color: #323232;
    box-sizing: border-box;
    border-width: 0px;
    margin: 2px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
}

.centerBoxLinkInbox {
    color: #04e9e9;
    background-color: #323232;
    box-sizing: border-box;
    border-width: 0px;
    margin: 2px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
}

.centerBox {
   /* height: 100vh;*/
    width: 75vw;
  /*  min-height: 450px;*/
    display: flex;
    flex-direction: column;

}

.rightBox {
   /* height: 100vh;*/
    width: 14vw;
   /* min-height: 450px;*/
    display: flex;
    flex-direction: column;

}

.centerBoxNav {

  /*  height: 15vh;*/
  /*  width: 100%;*/
}

.centerBoxLeftBorderBox {
   /* min-width: 5vh;*/
}

.centerBoxRightBorderBox {
  /*  min-width: 3vh;*/
}

.centerBoxNavTop {

  /*  height: 8vh;*/
   /* width: 100%;*/
    min-height: 50px;
}

.centerBoxNavBottom {

  /*  height: 7vh;*/
  /*  min-height: 50px;*/
   /* width: 100%;*/
    padding-left: 25px;
    padding-right: 25px;
    display: flex;
    flex-direction: row;
}

.centerBoxNavBottomLeft {

    /*height: 100%;*/
    width: 60%;
    min-width: 575px;
    display: flex;
    flex-direction: row;
}

.centerBoxNavBottomRight {

    /*height: 100%;*/
    width: 40%;

    display: flex;
    flex-direction: row;
    Justify-content: flex-end;
}

.centerBoxNavButton1 {

    padding: 25px 15px 15px 15px;
    background-color: #04e9e9;
    margin-right: 5px;

}

.centerBoxNavButton2 {

    padding: 25px 15px 15px 15px;
    color: #04e9e9;
    margin-right: 5px;

}

.centerBoxNavButton3 {

    padding: 25px 15px 15px 15px;
    color: #04e9e9;
    margin-right: 5px;

}

.centerBoxNavButton4 {

    padding: 25px 15px 15px 15px;
    color: #04e9e9;
    margin-right: 5px;

}

.centerBoxNavButton5 {

    padding: 25px 15px 15px 15px;
    color: #04e9e9;
    margin-right: 5px;
}

.textButton {
    font-size: 21px;
    font-weight: bold;
}

.textButton1 {
    font-size: 21px;
    font-weight: bold;
   /* min-width: 154px;*/
}

.centerBoxContent {

    height: 75vh;
    width: (100%) - 6 px;
    border: 3px solid #04e9e9;
}

.footerBoxMain {
    height: 8vh;
    width: 100vw;
    display: flex;
}

.footerBoxLeftBorder {
    height: 8vh;
    width: 14vw;
    min-width: 220px;
}

.footerBoxRightBorder {
    height: 8vh;
    width: 14vw;
}

.footerBox {

    width: 72vw;
    display: flex;
    justify-content: center;
}

.footerBoxIcon {
    height: 70px;
    width: 70px;
    margin: 15px;
    padding-left: 15px;
    color: #04e9e9;
}