.SearchBox{text-align:center;margin-bottom:25px}.InfoBox{text-align:center;width:100%}.cardContainer{display:flex;justify-content:center}#city{background-color:#fff;border-radius:5px}body{margin:auto;background-color:#060c1f;font-family:Almarai,sans-serif;width:355px;align-items:center;justify-content:center}.main-div{position:relative;margin:10px;background-color:transparent}.main-div3:before{content:"";position:absolute;left:0;top:0;width:50%;height:100%;-webkit-box-shadow:0 0 17px 3px #ffff01,0 0 4px 2px #ffff01;box-shadow:0 0 17px 3px #ffff01,0 0 4px 2px #ffff01;z-index:-1;-webkit-animation-name:half-yellow-shadow;animation-name:half-yellow-shadow;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.main-div3:after{content:"";position:absolute;right:0;bottom:0;width:50%;height:100%;-webkit-box-shadow:0 0 17px 3px #0ff,0 0 4px 2px #0ff;box-shadow:0 0 17px 3px #0ff,0 0 4px 2px #0ff;z-index:-1;-webkit-animation-name:half-cyan-shadow;animation-name:half-cyan-shadow;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}h1{font-size:50px;margin:0;position:relative;z-index:3;padding:20px;background-color:#060c1f;color:#fff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}@keyframes gradient-shadow{0%{-webkit-box-shadow:0 0 17px 3px #c586c0,0 0 4px 2px #c586c0;box-shadow:0 0 17px 3px #c586c0,0 0 4px 2px #c586c0}20%{-webkit-box-shadow:0 0 17px 3px #0ff,0 0 4px 2px #0ff;box-shadow:0 0 17px 3px #0ff,0 0 4px 2px #0ff}40%{-webkit-box-shadow:0 0 17px 3px #0f0,0 0 4px 2px #0f0;box-shadow:0 0 17px 3px #0f0,0 0 4px 2px #0f0}60%{-webkit-box-shadow:0 0 17px 3px #ffff01,0 0 4px 2px #ffff01;box-shadow:0 0 17px 3px #ffff01,0 0 4px 2px #ffff01}80%{-webkit-box-shadow:0 0 17px 3px #f00,0 0 4px 2px #f00;box-shadow:0 0 17px 3px red,0 0 4px 2px red}to{-webkit-box-shadow:0 0 17px 3px #c586c0,0 0 4px 2px #c586c0;box-shadow:0 0 17px 3px #c586c0,0 0 4px 2px #c586c0}}@-webkit-keyframes half-yellow-shadow{0%{top:0;left:0;height:50%;width:50%}16.66%{top:0;left:0;height:50%;width:100%}32.32%{top:0;left:50%;height:50%;width:50%}49.98%{top:50%;left:50%;height:50%;width:50%}66.64%{top:50%;left:0;height:50%;width:100%}83.3%{top:50%;left:0;height:50%;width:50%}to{top:0;left:0;height:50%;width:50%}}@keyframes half-yellow-shadow{0%{top:0;left:0;height:50%;width:50%}16.66%{top:0;left:0;height:50%;width:100%}32.32%{top:0;left:50%;height:50%;width:50%}49.98%{top:50%;left:50%;height:50%;width:50%}66.64%{top:50%;left:0;height:50%;width:100%}83.3%{top:50%;left:0;height:50%;width:50%}to{top:0;left:0;height:50%;width:50%}}@-webkit-keyframes half-cyan-shadow{0%{bottom:0;right:0;height:50%;width:50%}16.66%{bottom:0;right:0;height:50%;width:100%}32.32%{bottom:0;right:50%;height:50%;width:50%}49.98%{bottom:50%;right:50%;height:50%;width:50%}66.64%{bottom:50%;right:0;height:50%;width:100%}83.3%{bottom:50%;right:0;height:50%;width:50%}to{bottom:0;right:0;height:50%;width:50%}}@keyframes half-cyan-shadow{0%{bottom:0;right:0;height:50%;width:50%}16.66%{bottom:0;right:0;height:50%;width:100%}32.32%{bottom:0;right:50%;height:50%;width:50%}49.98%{bottom:50%;right:50%;height:50%;width:50%}66.64%{bottom:50%;right:0;height:50%;width:100%}83.3%{bottom:50%;right:0;height:50%;width:50%}to{bottom:0;right:0;height:50%;width:50%}}