body {
    background-color: #29282c;
    font-family: 'segoe ui';
    color: #effbfc;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

a {
    color: #b3f4ff;
}

header {
    transition: translate 0.5s;
    z-index: 1;
    width: 98%;
    position: fixed;
    background-color: hsl(240, 6%, 30%);
    padding: 10px 100px;
    margin: -8px;
    display: flex;
    align-items: center;
}

.logo {
    width: 50px;
    height: 50px;
    margin-right: 20px;
    margin-left: 20px;
    transition-duration: 200ms;
}

.logo:hover {
    cursor: pointer;
    filter: brightness(0.8);
   
}


.titlething > p {
    margin-top: -20px;
}

.titlething > h1 {
    transition-duration: 200ms;
    margin-top:8px;
}

.content {
    border-radius: 20px;
    padding: 30px;
    background-color: rgb(31, 30, 36);
    min-height: 100vh; 
    width: 92%;
    margin: 120px 10px 10px 10px;  
}

.container {
    border-radius: 20px;
    background-color: #645d79;
    padding: 30px;
    margin-bottom: 20px;
}

.container2 {
    border-radius: 20px;
    background-color: #638f8f;
    padding: 30px;
    margin-bottom: 20px;
    width: 50%;
}