/* THIS FILE IS FOR HEADER AND FOOTER ONLY */

/* */
@font-face
    {
        font-family: TitleFont;
        src: url(OTF.otf);
    }

@font-face
    {
        font-family: DropFont;
        src: url(drop_font.otf);
    }

/* */
#container
{
        position: absolute;
        margin: 0;
        padding: 0;
        left: 0;
        top: 0;
        width: 365px;
        /* for height check specific page css file */
        border-width: 0.1vw;
        border-style: solid;
        border-color: #030000;
        background: #acadae;
}

/* */
#header
{
        position: fixed;
        margin: 0;
        padding: 0;
        left: 0;
        top: 0;
        width: 365px;
        height: 100px;
        z-index: 1;
        background: #55a2f6;
}

/* */
#logo
{
        position: absolute;
        margin: 0;
        padding: 0;
        left: 1%;
        top: 1%;
        width: 60px;
        height: 60px;
        border-width: 0.15vw;
        border-style: solid;
        border-color: #245a95;

}

/* */
#title
{
        position: absolute;
        margin: 0;
        padding: 0;
        left: 2%;
        top: 65%;
        width: 180px;
        height: 25px;
}

/* */
h1
{
        font-family: TitleFont;
        margin: -3%;
        padding-left: 5%;
        font-size: 22px;
        letter-spacing: 0.1px;
}

/* */
.logo
{
        width: 100%;
        height: 100%;
}

/* */
#reload
{
        position: absolute;
        margin: 0;
        padding: 0;
        right: 23%;
        top: 3%;
        width: 55px;
        height: 55px;
        border-radius: 10px;
}

/* */
#dropdown_menu
{
        position: absolute;
        margin: 0;
        padding: 0;
        right: 3%;
        top: 3%;
        width: 55px;
        height: 55px;
}

.header_btn
{
        width: 110%;
        height: 110%;
}

.button {
  display: inline-block;
  padding: 0;
  font-size: 45px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #096c68;
  border-width: 0.15vw;
  border-style: solid;
  border-color: #245a95;
  border-radius: 15px;
  box-shadow: 0 9px #5c5c5c;

}

.button:hover {background-color: #20aca6}

.button:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}


br
{

   display: block;
   margin-top: 10px ;
   line-height: 10px;

}


#dropdown_field
{
        display: none;
        position: absolute;
        margin: 0;
        padding: 0;
        left: 0;
        top: 63px;
        width: 100%;
        height: 560px;
        border-width: 0.1vw;
        border-style: solid;
        border-color: #030000;
        background: #030000;
        opacity: 80%;
}

#link_1
{
        position: absolute;
        margin: 0;
        padding: 0;
        left: 20%;
        top: 10%;
        width: 275px;
        height: 25px;
}

#link_2
{
        position: absolute;
        margin: 0;
        padding: 0;
        left: 20%;
        top: 20%;
        width: 275px;
        height: 25px;
}

#link_3
{
        position: absolute;
        margin: 0;
        padding: 0;
        left: 20%;
        top: 30%;
        width: 275px;
        height: 25px;
}

#link_4
{
        position: absolute;
        margin: 0;
        padding: 0;
        left: 20%;
        top: 40%;
        width: 275px;
        height: 25px;
}

#link_5
{
        position: absolute;
        margin: 0;
        padding: 0;
        left: 20%;
        top: 50%;
        width: 275px;
        height: 25px;
}

#link_6
{
        position: absolute;
        margin: 0;
        padding: 0;
        left: 20%;
        top: 60%;
        width: 275px;
        height: 25px;
}

.page_links
{
        color: white;
        margin: 0;
        padding-left: 5%;
        font-size: 18px;
        font-family: DropFont;
        text-decoration: none;
}

.page_links:hover
{
        text-decoration: underline;
}

/* */
#middle
{
        position: absolute;
        margin: 0;
        padding: 0;
        left: 0;
        top: 100px;
        width: 100%;
        /* for height check specific page css file */
        background: #acadae;
}

/* */
#footer
{
        position: fixed;
        margin: 0;
        padding: 0;
        left: 0;
        /* for top check specific page css file */
        width: 365px;
        height: 100px;
        background: #55a2f6;
}

/* */
#team_name
{
        position: absolute;
        margin: 0;
        padding: 0;
        left: 0;
        top: 3%;
        width: 150px;
        height: 25px;
}

.team
{
        margin: 3%;
        padding: 0;
        font-size: 14px;
}

/* */
#team_members
{
        position: absolute;
        margin: 0;
        padding: 0;
        left: 1%;
        top: 33%;
        width: 355px;
        height: 45px;
}

.members
{
        margin: 0;
        padding: 0;
        font-size: 14px;
}