@font-face {
    font-family: "caroniregular";
    src:
        url("../fonts/Caroni-Regular.otf");
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: "caroniregular", serif;
}

li {
    padding-top: .5rem;
    padding-bottom: .5rem;
}

ul {
    padding-left: 1.5rem;
    list-style-type: none;
  }

ul li {
    background-image: url("../images/house.jpg");
    background-position: 0,0;
    background-repeat: no-repeat;
    padding-left: 1.2rem;
    line-height: 1.5rem;
}

ol {
    line-height: 1.5rem;
}

a:link {
    text-decoration: none;
    background: red;
    color: rgb(2, 239, 2);
    border: solid 3px rgb(2, 239, 2);
    border-radius: 20px;
    padding: .5rem;
}

a:visited {
    text-decoration: none;
    background: orange;
    color: rgb(0, 0, 194);
    border: solid 3px rgb(0, 0, 194);
    border-radius: 20px;
    padding: .5rem;
}

a:focus {
    text-decoration: none;
    background: rgb(0, 0, 194);
    color: orange;
    border: solid 3px orange;
    border-radius: 20px;
    padding: .5rem;
}

a:hover {
    text-decoration: none;
    background: rgb(177, 0, 177);
    color: yellow;
    border: solid 3px yellow;
    border-radius: 20px;
    padding: .5rem;
}

a:active {
    text-decoration: none;
    background: yellow;
    color:rgb(177, 0, 177);
    border: solid 3px rgb(177, 0, 177);
    border-radius: 20px;
    padding: .5rem;
}