Team:UC San Diego/css

<style> a {

 color:inherit;
 text-decoration:none;

} a:hover {

 color:inherit;
 text-decoration:none;

} a:active {

 color:inherit;
 text-decoration:none;

}

.navbar_custom {

 height:8vh;
 background: #090f14;
 position:fixed;
 width:100%;
 z-index:999;
 float:left;

} .navlink {

 position:relative;
 height:100%;
 padding:20px;
 min-width:164px;
 text-align:center;
 color:#fff;
 float:right;
 font-size:18px;
 font-weight:300;
 font-family: 'Cutive Mono', monospace;
 letter-spacing: -2px;
 transition: all .2s;

} .navlink:hover {

 background:#141d26;

} .navdrop {

 position:absolute;
 top:100%;
 left:0;
 width:100%;
 background:black;
 display:none;

} .subnavlink{

 padding:8px;
 width:100%;
 text-align:left;

} .subnavlink:hover {

 background:#394959;

} .navlink:hover > .navdrop {

 display: block;

} .syneco {

 float:left;
 background-repeat: no-repeat;
 height:100%;
 width:250px;
 font-size:42px;
 padding-top:8px;
 color:#fff;
 font-family: 'Cutive Mono', monospace;
 padding-left:16px;

}

  1. sideMenu, #top_title {
 display: none;

}

  1. content {
 width:100% !important;
 margin: 0px !important;
 margin-top:8vh !important;
background: linear-gradient(#141d26, #394959);

}

.titleMain {

 font-size:92px;
 color:#fff;
 position: absolute;
 top:50%;
 left:calc(50% - 157.6px);

} .quote {

 font-size:42px;
 color:white;
 width:40%;
 margin-left:auto;
 margin-right:auto;
 text-align: center;
 margin-top:196px;
 margin-bottom:332px;

} .titleBroad {

 font-size:64px;
 text-align:center;
 padding:32px;
 color:#fff;

} .card {

 padding:18px;
 position:relative;

} .cardImage {

 width:100%;
 border-radius:12px;

}

.protocol {

 width:100%;
 color:#fff;
 border-radius:12px;
 box-sizing:border-box;
 padding:16px;
 padding-left:32px;
 padding:right:32px;

} .white {

 background:#fff;
 color:#000;
 border-radius:12px;
 box-sizing:border-box;
 padding:32px;
 padding-left:64px;
 padding-right:64px;

} .timeImage {

 width:100%;
 border-radius:12px;

} .timeItem {

 position:relative;
 text-align:center;
 color:#fff;
 font-size:18px;

} .timeHover {

 display:none;
 position:absolute;
 top:100%;
 left:-50%;
 width:200%;
 color:#fff;
 font-size:18px;
 border-radius:6px;
 text-align:center;
 padding:4px;

} .timeItem:hover > .timeHover{ display:inline-block; } .timelineInfo {

 color:#fff;
 text-align:center;
 padding:32px;
 font-size:18px;

} .timelineBar {

 position:absolute;
 top:50%;
 left:5%;
 z-index:-1;
 border:solid 2px white;
 height:1px;
 width:90%;

} </style>