:root {
    --color-primary: #FFC100;
    --color-primary-hover: #ff9a35;
    --color-secondary: #B8B8B8;
    --color-disabled: #d2d2d2;
    --color-dark: #323232;
}

* {
    padding: 0;
    margin:0;
    font-family: "Inter", sans-serif;
}

h1 {
    font-size: 44px;
    line-height: 52.8px;
    font-weight: 400;
}
.c-white {
    color: #fff;
}
.c-primary {
    color: var(--color-primary) 
}
.c-secondary {
    color: var(--color-secondary) 
}
.f-micro {
    font-size: 12px;
    line-height: 14.2px;
}
.op-80 {
    opacity: 80%;
}
.mb-lg {
    margin-bottom: 28px;
}
.mb-md {
    margin-bottom: 16px;
}

body {
    background-color: #272727;
    max-width: 1110px;
    padding-top: 36px;
    margin: auto;
}

.row {
    display: flex;
    gap: 48px;
    animation: row 1000ms;
}

.w-80 {
    width: 80%;
}

.w-20 {
    width: 20%;
}

.avatarGroup {
    display: flex;
    gap: 16px;
    align-items: center;
    font-size: 18px;
    line-height: 21.6px;
    font-weight: 400;
}

.header {
    margin-bottom: 28px;
}

.title {
    margin-bottom: 28px;
}

ul {
    color: white;
    margin-bottom: 28px;
}

ul p{
    margin-bottom: 12px; 
    font-size: 20px;
}

li {
    text-decoration: none;
    list-style: none;
    margin-bottom: 8px;;
}

button {
    border: none;
    background: none;
}

.link {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-primary);
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: 50ms;
}

.link:hover {
    color: var(--color-primary-hover)
}

.disabled {
    color: var(--color-disabled)
}

.cta {
    font-size: 20px;
}

.r-45 {
    rotate: -45deg;
}

.keyalt {
    padding: 4px 6px;
    background-color: var(--color-secondary);
    color: var(--color-dark);
    font-size: 10px;
    font-weight: 500;
    line-height: 12px;
    border-radius: 4px;
}

.top {
    display: flex;
    align-items: start;
    margin-bottom: 36px;
    justify-content: space-between;
}

@keyframes row {
    0% {opacity: 0; margin-top: -10px;}
    100% {opacity: 100; margin-top: 0;}
}