body {
     /* font-family: 'Michroma', sans-serif; */
     font-family: 'Lato', sans-serif;

 }

 :root {
     --bg-aqua: #52c3b1;
     --bg-red: #dc3329;
     --text-red: #dc3329;
     --text-blue: #010814;
     --bg-blue: #010814;
     --bg-black: #010814;
 }

 .bg-aqua {
     background-color: var(--bg-aqua);
 }

 .bg-red {
     background-color: var(--bg-red);
 }

 .bg-black {
     background-color: var(--bg-black);
 }

 .bg-blue {
     background: url(images/starfield.jpg), var(--bg-blue);
 }

 .text-blue {
     color: var(--bg-text);
 }

 .text-red {
     color: var(--text-red);
 }

 .text {
     position: absolute;
     background-color: aqua;
     top: 10rem;
     left: 10rem;
     z-index: 3;
 }



 .nav-link {
     color: #fff;
 }

 .nav-link:hover {
     color: var(--text-red);
 }




 .btn {
     color: #fff;
 }

 .btn:hover {
     background: #c02017;
 }

 .link-body-emphasis {
     color: var(--text-red);
 }

 .link-body-emphasis:hover {
     color: #c02017;
 }

 .form-control {
     background: none;
 }


 .text-body-secondary {
     color: var(--text-red);
 }

 .text-body-secondary:hover {
     color: var(--text-blue);
 }

 .navbar-scrolled {
     background-color: #000 !important;
 }


 .dropdown-menu {
     --bs-dropdown-link-active-bg: #010814;
 }

 .contain {
     width: 150px;
     height: 150px;
     border-radius: 50%;
     background: var(--bg-blue);
 }

 .img {
     width: 100%;
 }