*{

    margin: 0;

    padding: 0;

}



html, body{

    height: 100%;

    width: 100%;

    font-family: monospace;

    background-color: #eaeaea;

}



        /*Background image // Homepage */



#img-text{

    background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(images/Sergey%20Brin%20fw.jpg);

    background-size: cover;

    background-position: center;

    height: 100%;

    width: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;

    margin-top: -70px;

    z-index: -50;

}



                /* button */



.button{

    margin-top: 30px;

    margin-left: 0px;

}



.btn{

    border: 1px solid white;

    padding: 10px 30px;

    color: white;

    text-decoration: none;

    margin-right: 5px;

    font-size: 25px;

    text-transform: uppercase;

    border-radius: 25px;

}

.btn:hover{

    background-color: white;

    color: black;

}



                /* Half image with text */

#bg{

    background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(images/Sergey%20Brin%20fw.jpg);

    height: 50%;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;

    margin-top: -70px;

    z-index: -50;

}



#bg > h1{

    color: white;

    font-size: 40px;

    text-transform: uppercase;

    padding: 150px 0px;

}



#img-text > h1{

    color: white;

    margin-top: -30px;

    font-size: 70px;

    text-transform: uppercase;

}



                /* Navigation */



.nav{

    background: transparent;

    height: 70px;

    width: 100%;

    z-index: 999999999;

}



.nav #logo{

    color: #fff;

    padding: 10px 0 0 25px;

    font-size: 35px;

}



.nav #links,#logo{

    display: inline-block;    

}



.nav #links{

    list-style: none;

    padding: 0;

    position: absolute;

    top: 0;

    right: 0;

    padding: 20px 25px 0px 0px;

}



.nav #links > li{

    display: inline-block;

    color: #fff;

    padding-right: 10px;

}



.nav #links a{

    color: white;

    text-decoration: none;

    padding: 5px 15px;

    font-size: 20px;

}



.nav li.active a{

    border: 1px solid white;

}



.nav li a:hover{

    border: 1px solid white;

}



                /* Content */



.content{

    text-align: left;

    font-size: 20px;

    line-height: 1.5;

    font-family: Century Gothic;

    width: 55%;

    margin-left: 2%;

    margin-top: 2%;

    margin-bottom: 2%;

}



.content1{

    width: 96%;

    text-align: left;

    font-size: 20px;

    line-height: 1.5;

    font-family: Century Gothic;

    margin-left: 2%;

    margin-top: 2%;

    margin-bottom: 2%;

}



                /* Card */

.card {

    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.5);

    transition: 0.3s;

    width: 30%;

    border-radius: 5px;

    float: right;

    margin-top: 2%;

    margin-right: 2%;

    margin-bottom: 2%;

}



.card:hover {

    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.5);

}



.container {

    padding: 10px 10px;

    font-size: 15px;

    line-height: 1.5;

    font-family: Century Gothic; 

}



img {

    border-radius: 5px 5px 0 0;

    width: 100%;

 }



                /* Table */

.table {

    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

    border-collapse: collapse;

    width: 96%;

    margin-top: 2%;

    margin-bottom: 2%;

}



.table td, .table th {

    border: 1px solid #ddd;

    padding: 8px;

}



.table tr:nth-child(even){background-color: #f2f2f2;}



.table tr:hover {background-color: #ddd;}



.table th {

    padding-top: 12px;

    padding-bottom: 12px;

    text-align: left;

    background-color: #345456;

    color: white;

}



.bibliography{

    text-align: left;

    font-size: 20px;

    line-height: 1.5;

    font-family: Century Gothic;

    width: 55%;

    margin-left: 2%;

    margin-top: 2%;

    margin-bottom: 2%;

}



.bibliography ol a{

    text-decoration: none;

    color: black;

    font-weight: bold;

}



.bibliography ol a:hover{

    color: sandybrown;

}