* {
    color: white;
    border-radius: 8px;
    padding: 8px;
    gap: 8px;
    font-family: Arial, Helvetica, sans-serif;
}
html {
    margin: 0;
    padding: 0;
    border-radius:0;
}
body{  margin: 0;
    padding: 0;
    border-radius:0;}

.background {
    background: linear-gradient(0.25turn, #001679 -5%, #111111 15%,#111111 85%, #33004f 105%);
    padding: 16px 160px;
    border-radius:0;
}

.nav {
    display: flex;
    justify-content: space-between;
    border: 1px solid rgb(100,100,100);
    background-color: rgb(50, 50, 50);
    position: sticky;
    top:8px;
    padding:4px 16px;
   
}

.nav-left {
    display: flex;
    padding: 0; align-items: center;
}

.nav-right {
    display: flex;
    padding: 0; align-items: center;
}

.logo {
  font-size: 24px; 
  font-weight: bold;
}

a {
    text-decoration: none;
}

.dropdown {
    position: relative;
    padding: 0;
}

.dropdown summary {
    list-style: none;
}

.dropdown ul {
    position: absolute;
    border: 1px solid rgb(100,100,100);
    list-style: none;
    width: 240px;
    top: 100%;
    padding: 8px;
    background-color: rgb(50, 50, 50);
}

.content {
    padding: 0 80px;
}

.footer {
    display: flex;
    justify-content: space-between;
    padding: 160px 0;
}

.footer-title~div {
    color: rgb(200, 200, 200)
}

.footer-title {
    font-weight: bold;
    color: white;
}
h1{font-size:60px;text-align: center;font-weight:600;}
h3{color:rgb(200, 200, 200);padding:0 120px;text-align:center;}
button{padding:12px 16px;font-weight:500;font-size:16px;color:white;border:none;}
.b-transparent{background:transparent;border:1px solid white;}
.b-blue{background-color:blue}
.b-parent{display:flex;justify-content: center;gap:32px;}
.content-box{margin:64px 0;}
.flex{display:flex;justify-content: space-between;}
.grow1{flex-grow: 1;text-align: center;border:0.5px solid rgb(100,100,100);height:300px;}