:root {
    --button-color       : rgb(150, 140, 0);
    --button-color-hover : rgb(112, 105, 0);
    --secondary-color    : rgb(43, 38, 0);
    --transition         : 300ms;
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;900&display=swap');

*,*::after,*::before {
    margin     : 0;
    padding    : 0;
    outline    : 0;
    box-sizing : border-box;
}

html {
    font-size : .625em;
} 

::selection {
    background-color : #2b2600;
    color            : white;
}

body {
    font-family      : 'Roboto', serif;
    font-weight      : 400;
    background-color : #fdfdfd;
    color            : rgb(41, 41, 41);
}

h1,h2,h3,h4,h5,h6 {
    font-size   : 3.2em;
    font-family : 'Roboto', sans-serif;
    font-weight : 900;
    color       : var(--button-color);
}

a {
    text-decoration : none;
    display         : inline-block;
    color           : inherit;
}

img, video, iframe {
    display       : block;
    width         : 100%;
    margin-bottom : 0;
}

address {
    font-style : normal;
}

input {
    outline : none;
    border  : none;
    display : block;
}

input[type="text"] {
    padding   : .625em;
    font-size : 1.6em;
}

/* Library */

.module {
    width        : 1200px;
    margin-left  : auto;
    margin-right : auto;
}

.paragraph {
    font-size   : 1.6em;
    line-height : 1.5em;
    font-weight : 400;
    text-align  : justify;
}

.point {
    padding-top    : 4em;
    padding-bottom : 4em;
}

.point hr {
    border : solid rgb(221, 221, 221) 1px;
}

.button {
    font-size        : 1.6em;
    padding          : .625em;
    color            : white;
    font-family      : 'Roboto', sans-serif;
    background-color : var(--button-color);
    transition       : background-color var(--transition);
}

.button:hover {
    background-color : var(--button-color-hover);
}