*,
*::before,
*::after {
    margin: 0px;
    padding: 0px;
    box-sizing: inherit;
}

body {
    box-sizing: border-box;
    padding: 10px;
}

h1,h2,h3,h4,h5,h6 {
    margin-bottom: 10px;
}

article {
    margin-bottom: 20px;
}

.main-layout {
    display: flex;
    flex-direction: column;
    gap: 10px;
}