* {box-sizing:border-box}body {    font-family: Verdana, sans-serif;    margin: 0    color: olivedrab;    background-color: aquamarine;    background-image: url('images/background.jpg');    background-repeat: no-repeat;    background-attachment: fixed;    background-size: cover;}img { vertical-align: middle; }img.topimage {	display: block;	margin: 1em auto;	height: 600px;}.content {    width: 60%;}ul.cities{    color:greenyellow;    font-weight: bold;    font-size:24px;    list-style-type:none;    margin-left: 3em;}ul.stores{    color:deepskyblue;    font-weight: bold;    font-size:18px;    text-shadow:            -1px -1px 0 rgba(209,14,26,1.0),            1px -1px 0 rgba(209,14,26,1.0),            -1px 1px 0 rgba(209,14,26,1.0),            1px 1px 0 rgba(209,14,26,1.0); /* Border color */}ul li::marker {    color: red;    font-size: 1.5em;}ul.horizontal-list{    list-style-type: none;    list-decoration: none;    margin: 0;    padding: 0;    overflow: hidden;    z-index: 2;}ul.horizontal-list li{    float: left;    width: 20%;}li a{    display: block;    color: gold;    text-align: center;    padding: 14px 16px;    text-decoration: none;}li a:hover:not(.active){    background-color: rebeccapurple;}li a.active{    background-color: rebeccapurple;}.active{    background-color: #4CAF50;}h1 {    text-align: center;}.slideshow-container {    max-width: 600px;    margin: auto;    object-fit: scale-down;    position: relative;}.mySlides{display: none;}.mySlides img {    height: 400px;    display: block;    margin: 0 auto;}.prev, .next {    cursor:pointer;    position: absolute;    top: 0%;    margin-left: -55px;    margin-right: -55px;    width: auto;    padding: 16px;    color:greenyellow;    font-weight: bold;    font-size:24px;    transition: 0.6s;    border-radius: 0 3px 3px 0;    user-select: none;}.next {    right:0;    border-radius: 3px 0 0 3px;}.prev:hover, .next:hover{    background-color: rgba(0,0,0,0.8);}/* Caption text */.text {    color: deeppink;    font-size: 30px;    padding: 8px 12px;    position: absolute;    bottom: 8px;    width: 100%;    text-align: center;}/* Number text (1/3 etc) */.numbertext {    color: goldenrod;    font-size: 21px;    padding: 8px 12px;    position: absolute;    top: 0;    text-shadow:            -1px -1px 0 rgba(209,14,26,1.0),            1px -1px 0 rgba(209,14,26,1.0),            -1px 1px 0 rgba(209,14,26,1.0),            1px 1px 0 rgba(209,14,26,1.0); /* Border color */}/* The dots/bullets/indicators */.dot {    cursor: pointer;    height: 15px;    width: 15px;    margin: 0 2px;    background-color: #bbb;    border-radius: 50%;    display: inline-block;    transition: background-color 0.6s ease;}.dots{    text-align:center}.active, .dot:hover {    background-color: #717171;}/* Fading animation */.fade {    animation-name: fade;    animation-duration: 1.5s;}@keyframes fade {    from {opacity: .4}    to {opacity: 1}}