body {
    font-family: Roboto,Arial;
    color: rgb(33,33,33);
    margin: 0;
}

p {
    margin: 0;
}

button {
    cursor: pointer;
}

select {
    cursor: pointer;
}

input,select,button {
    font-family: Roboto,Arial;
}

.button-primary {
    color: rgb(33,33,33);
    background-color: rgb(255,216,20);
    border: 1px rgb(252,210,0);
    border-radius: 8px;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(213,217,217,0.5);
}

.button-primary:hover {
    background-color: rgb(247,202,0);
    border: 1px solid rgb(242,194,0);
}

.button-primary:active {
    background: rgb(255,216,20);
    border-color: rgb(252,210,0);
    box-shadow: none;
}

.button-secondary {
    color: rgb(33,33,33);
    background: white;
    border: 1px solid rgb(213,217,217);
    border-radius: 8px;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(213,217,217,0.5);
}

.button-secondary:hover {
    background-color: rgb(247,250,250);
}

.button-secondary:active {
  background-color: rgb(237, 253, 255);
  box-shadow: none;
}

.limit-text-to-2-lines {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.link-primary {
    color: rgb(1,124,182);
    cursor: pointer;
}

.link-primary:hover {
    color: rgb(196,80,0);
}

select {
    color: rgb(33,33,33);
    background-color: rgb(240,240,240);
    border: 1px solid rgb(213,217,217);
    border-radius: 8px;
    padding: 3px 5px;
    font-size: 15px;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(213,217,217,0.5);
}

select:focus,
input:focus {
    outline: 2px solid rgb(255,153,0);
}