/* GENERAL */
* {
    box-sizing: border-box;
    color: var(--darkgrey);
    font-family: 'Assistant', sans-serif;
}

:root {
    --red: #D44035;
    --grey: #c4c4c4;
    --lightgrey: #ececec;
    --darkgrey: #595959;
    --almostblack: #343434;
    --almostwhite: #fafafa;
    --green: #c1c425;
    --checkgreen: #82c33c;
}

html, body {
    height:100%;
    width:100%;
    margin:0;
    padding:0;
}

.container {
    width: 93%;
    margin-left:auto;
    margin-right:auto;
    box-sizing: border-box;
}

.button {
    background-color: var(--red);
    border-radius: 40px;
    color: white;
    padding: 5px 20px;
    border: none;
    font-size: 17px;
    cursor: pointer;
    font-weight: 700;
}

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

a.disabled {
    opacity: 0.6;
    pointer-events: none;
}


.round {
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 1px solid var(--lightgrey);
    border-radius: 50%;
    background: var(--lightgrey);
    margin: 0 2px;
}

.round-dark {
    background: var(--grey);
    border: 1px solid var(--grey);
}

.titles {
    font-size: 40px;
    color: var(--almostblack);
}

.icon {
    color: white;
}
.icon-l {
    padding-left: 10px;
}
.icon-r {
    padding-right: 10px;
}

input::placeholder, textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--grey);
  opacity: 1; /* Firefox */
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--grey);
}