*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: inherit;
    color: inherit;
    background-color: inherit;
}

body{
    background-color: rgb(88, 21, 151);
    color: white
}
header{
    display: flex;
    background-color: rgb(69, 17, 117);
    height: 50px;
    align-items: center;
    justify-content: space-around;
    position: sticky;
    top: 0;
    z-index: 1000;
}
nav{
  display: flex;

}

.nav{
    display: flex;
    gap: 30px;
}


li{
    list-style: none;
}

a {
    text-decoration: none; 
    color: inherit;        
}

.hero{
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.title{
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 2rem;
}

.theme{
    height: 20px;
    width: 20px;
    border-radius: 50%;
}