* {box-sizing:border-box;}
body {
 font-family: Arial, sans-serif;
 margin: 0;
 padding: 0;
 display: flex;
 flex-direction: column;
 min-height: 100vh;
}

a:hover {
 cursor: pointer;
}

.a:hover {
 cursor: pointer;
}

.header {
 display: flex;
 min-height: 90px;
 width: 100vw;
 background-color: #ffffff;
 color: white;
 align-items: center;
 border-bottom: solid 1px #3333ff;
}


.rheader {
 margin-left: auto;
 margin-right: 0;
 display: flex;
 padding: 0 1em 0 0;
 height: 50px;
 border-radius: 25px;
 width: max-content;
 background-color: #e6f0ff;
 align-items: center; 
}


#logolink {
 margin-right: auto;
 height:100px;
 width:120px;
}

#topsa {
 margin-right: 100px;
 color: black;
}

#topsb {
 margin: 0 auto;
 color: black;
}

#signup {
 display: flex;
 margin-right: 12px;
 padding: 0.25em 1em;
 height: 100%;
 width: max-content;
 border-radius: 25px;
 background-color: #0099ff;
 color: white;
 align-items: center;
}

#login {
 color: black;
}

#login:hover {
 cursor: pointer;
 color: white;
}