body {
    font-family: 'Arial';
}

h1 {
    text-align: center;
}

.textBox{
  position: relative;
  display: block;
  margin: 20px auto;
  width: 50%;
}

.websiteList {
    position: relative;
    margin: auto;
    min-width: 400px;
    width: 30%;
    list-style: none;
}

    .websiteList li {
        margin: 5px;
        width: 100%;
    }

    .websiteList a {
        display: inline-block;
        text-decoration: none;
        background-color: #2EC4B6;
        color: white;
        padding: 15px 5%;
        border-radius: 8px 0 0 8px;
        width: 60%;
        font-weight: bold;
        border-left: 2px solid #333;
        border-top: 2px solid #333;
        border-bottom: 2px solid #333;
    }

    .websiteList li > a:hover, .websiteList div:hover {
        background-color: #FF9F1C;
    }

    .websiteList div {
        display: inline-block;
        text-align: center;
        cursor: pointer;
        color: white;
        border-radius: 0 8px 8px 0;
        background-color: #E71D36;
        width: 20%;
        padding: 15px 4%;
        border-right: 2px solid #333;
        border-top: 2px solid #333;
        border-bottom: 2px solid #333;
    }