body {background-color:black;
padding:0;
margin:0}

* {box-sizing: border-box;
transition:1s;}

.notifs {
width:400px;
margin:auto;
overflow:hidden;
margin-top:100px;
height:100px;}

.notif {width:400px;
height:100px;
background-color:rgba(356, 356, 356,0.8);
border-radius:10px;
font-family: Geneva, Tahoma, sans-serif;
font-size:10pt;
margin:auto;
padding:10px;
position:relative;
}


.number {background-color:tomato;
font-size:22px;
width:40px;
border:none;
margin:auto;
text-align:center;
font-family:Geneva, Tahoma, sans-serif;
padding-top:5px;
height:40px;
border-radius:100%;
font-weight:bolder;
margin-top:100px;
color:white;}

.topbar h1 {font-size:10pt;
font-weight:bold;
margin:0;
}

.topbar {display:flex;
justify-content: space-between;
margin-top:-2px;}

.justnow {opacity:0.5;}

.okay {margin:0;
position:absolute;
right:10px;
top:70px;
color:black;
text-decoration:none;}