* {
font-family:verdana;
color:#ffffff;
}

body {
background: #1F1F1F;
}

.navbar {
background: #000000;
position:relative;
width:100%;
height:50px;
display:flex;
flex-direction:row;
z-index:999;
}

.navbar .buttons {
position:relative;
width:100%;
}

.navbar .buttons .navb {
position:relative;
width:100px;
height:100%;
border:none;
background:none;
color:#ffffff;
float:right;
display:flex;
justify-content:center;
align-items:center;
}

.navbar .buttons .navb:hover {
transition-duration:0.3s;
-webkit-transition-duration:0.3s;
background: #343434;
}

a {
text-decoration:none;
color:#ffffff;
}

.navbar .img {
position:relative;
width:100px;
display:flex;
justify-content:center;
align-items:center;
}

.updates {
position:relative;
width:450px;
height:350px;
background: #3D3D3D;
margin-top:100px;
border-radius:15px;
}

.updates .text {
position:relative;
width:100%;
height:15px;
padding:10px;
font-weight:bold;
font-size:20px;
}

.updates .content {
position:relative;
width:90%;
height:50px;
padding:10px;
font-size:15px;
}