<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;
}
- sideMenu, #top_title {
display: none;
}
- 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>