* {
    
}
body {
    padding:0 0 0 0;
    margin:0 0 0 0;
    background-image: radial-gradient(#2d587a, #194161, #0e304c);
}
#top_banner {
    width:100%;
    height:50px;
    background-image: linear-gradient(#75ad37, #7fba3f, #94D351);
    top:0px;
}
.center {
  margin: auto;
  width: 40%;
  padding: 10px;
  margin-top:80px;
}
#set_pass_div {
      background-color:white;
      color:#0E2F4C;
      border-radius:5px;
}
.button_Set_Pass {
        background-image: linear-gradient(#75ad37, #7fba3f, #94D351);
        display:block;
        padding:10px 10px;
        border:none;
        border-radius:5px;
        color:white;
        transition: transform .2s;
        margin:5px 5px;
        float:right;
}
#login_section {
        background-color:white;
      color:#0E2F4C;
      border-radius:5px;
}
.button_login {
        background-image: linear-gradient(#75ad37, #7fba3f, #94D351);
        display:block;
        padding:10px 10px;
        border:none;
        border-radius:5px;
        color:white;
        transition: transform .2s;
        margin:5px 5px;

}
.icon {
    max-height:80px;
    padding-top:8px;
    display:inline-block;
}
.tab_content {
    background-color:#2d587a;
    opacity:0.8;
    margin-left:1px;
    margin-right:1px;
    transition: transform .2s;
    
}
.tab_content h1 {
    font-size: 2vw;
}
.tab_content:hover {
    transform: scale(1.2);
    background-color:#475d70;
    z-index:2;
}
.tab_content_desc {
display:none;
}
.tab_content_desc:hover {
    display:inline-block;
}
#HiddenText {
    display: none;
    color:white;
}

#DivForHoverItem:hover #HiddenText {
    display:block;
}

#logout a {
    text-decoration:none;
    color:white;
    margin:0 0 0 0;
}
#logout  {
    padding-top:8px;
}

ul {
    float:right;
    text-decoration:none;
    padding:12px 12px;
    list-style-type:none;
    border-left:solid;
    border-width:thin;
    border-color:#75ad37;
    font-size:16px;
    color:white;
    height:inherit;
}