* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    min-height: 100vh;
    margin: 0;
    font-family: 'Inter', sans-serif;
    background-color: #F6F0D9;
    color: #374151;

    display: flex;
    justify-content: center;
    align-items: stretch; 
    padding: 0;

}


textarea {
    resize: none;
}



.site-container {
    width: 100%;
    max-width: 1206px;
    background: #fff;
    margin: 0 auto;
    border-radius: 2px;

    display: flex;
    flex-direction: column;
    min-height: 100vh;
}



.document-btn,
.document-btn-wide,
.documents-filter,
.aa-btn,
.an-btn,
.profile-btn {
  cursor: pointer;
  transition: filter 0.15s ease, transform 0.05s ease;
}

.document-btn:hover,
.document-btn-wide:hover,
.documents-filter:hover,
.aa-btn:hover,
.an-btn:hover,
.profile-btn:hover {
  filter: brightness(0.92);
}

.document-btn:active,
.document-btn-wide:active,
.documents-filter:active,
.aa-btn:active,
.an-btn:active,
.profile-btn:active {
  transform: translateY(1px);
}