html, body {
        margin: 0;
        padding: 0;
    }

    .hero-bkg-animated {
        background: gray url(usa-waving-flag-background-loop_szzghy9n__F0000.png) repeat 0 0;
        color: #BF0A30;
        width: 100%;
        margin: 0;
        text-align: center;
        height: 200px;
        padding-top: 120px;
        background-size: cover;
        font-size: 28px;
        /* position: absolute; */
        /* box-sizing: border-box; */
        -webkit-animation: slide 20s linear infinite;
    }

    .hero-bkg-animated h1 {
        font-family: sans-serif;
    }

    @-webkit-keyframes slide {
        from {
            background-position: 0 0;
        }
        to {
            background-position: -400px 0;
        }
    }

    #foot2 {
        width: 100%;
        height: 50px;
        border-style: inset;
        border-color: #BF0A30;
        border-width: 8px 0px 0px 0px;
        margin-top: 320px;
        color: white;
        background: #002868;
        text-align: center;
        position: fixed;
        bottom: 0%;
    }

    body {
        width: 100%;
        height: 100%;
        background-size: cover;
    }

    #pollingLocation {
        width: 380px;
        float: left;
        margin: 1rem;
        margin-top: 40px;
        border: 1px solid #d3d3d3;
        padding: 20px;
        border-radius: 5px;
        background-color: lightskyblue;
        font-family: "Times New Roman", Times, serif;
        position: absolute;
    }

    .tile {
        float: left;
        width: 270px;
        height: 200px;
        border: 1px solid gray;
        border-radius: 5px;
        padding: 10px;
        margin-left: 100px;
        margin-top: 400px;
        /* margin-right: 10px; */
        margin-bottom: 10px;
        background: whitesmoke;
        font-size: 12px;
    }

    .tile:hover {
        background-color: blue;
        color: whitesmoke;
    }

    #candList {
        margin-top: 360px;
        margin-left: 110px;
        color: whitesmoke;
        position: absolute;
        font-size: 20px;
    }

    #addressDetail {
        margin-top: 30px;
        margin-left: 700px;
        margin-right: 200px;
    }

    #addEnter {
        margin-top: 20px;
        color: #002868;
        font-weight: bolder;
    }

    input {
        width: 80%;
        padding: 14px 20px;
        margin: 3px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box;
    }

    #searchbutton {
        width: 80%;
        background-color: #BF0A30;
        color: white;
        padding: 14px 20px;
        margin: 3px 0;
        border: none;
        border-radius: 4px;
        cursor: pointer;
    }

    .w3-container {
        margin-top: 200px;
        position: absolute;
    }

    #infoBar {
        background-color: white;
        width: 470px;
        border: 15px solid #002868;
        padding: 50px;
        margin: 20px;
        position: absolute;
        color: #BF0A30;
        font-size: 16px;
    }

    .bg-img {
        /* The image used */
        background-image: url("usa-waving-flag-background-loop_szzghy9n__F0000.png");
        min-height: 380px;
        /* Center and scale the image nicely */
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }

    #stateCandList {
        width: 250px;
        float: left;
        margin: 1rem;
        margin-top: 40px;
        margin-left: 1100px;
        border: 1px solid #d3d3d3;
        padding: 20px;
        border-radius: 5px;
        background-color: #002868;
        font-family: "Times New Roman", Times, serif;
        text-align: center;
        position: absolute;
    }

    .box {
        margin: 10px;
        display: flex;
        justify-content: space-between;
        text-align: center;
    }

    .cand-btn {
        margin-top: 20px;
        width: 20%;
        background-color: #BF0A30;
        color: white;
        /* padding: 14px 20px;
        margin: 3px 0; */
        border: whitesmoke;
        border-radius: 10px;
        cursor: pointer;
        display: block;
        /* float: left; */
    }

    #polAddress1 {
        font-size: 14px;
        color: whitesmoke;
    }

    #getInfo {
        background-color: #BF0A30;
        color: white;
        border-radius: 4px;
        cursor: pointer;
    }
    .candDetails {
        width: 200%;
        margin-top: -200px;
        margin-left: 700px;
        color: whitesmoke;
        position: absolute;
        border-block: initial;
        /* background-image: url('state.jpg'); */
    }
    #lastHead {
        margin-top: 20px;
        color: whitesmoke;
    }

    /* #VoteImage
      {
          margin-top: 200px;
      } */