diff --git a/sports.css b/sports.css deleted file mode 100644 index bbc9e3c..0000000 --- a/sports.css +++ /dev/null @@ -1,206 +0,0 @@ -.navbar { - overflow: hidden; - background-color: #000033; - -} - -.navbar a { - float: left; - display: block; - color: white; - text-align: center; - padding: 14px 20px; - text-decoration: none; - -} - -.navbar a.right { - float: right; - -} - -.navbar a:hover { - background-color: #ddd; - color: black; -} -.navbar input[type=text] { - float: right; - padding: 6px; - border: none; - margin-top: 8px; - margin-right: 16px; - font-size: 17px; -} - -.header { - text-align: center; - background: linear-gradient(to bottom, #ff6600 0%, #ffff00 100%); - color: #000033; - -} - -body { - margin: 0; - font-family: Arial, Helvetica, sans-serif; - background-color: #ffff99 - - -} - -.sidenav { - height: 100%; - width: 200px; - position: absolute; - z-index: 1; - top: 0; - left: 0; - background-image: url(/images/business.png); - background-repeat: no-repeat bottom; - overflow-x: hidden; - overflow-y: hidden; - margin-top: 49px; - margin-bottom: -5000px; - padding-bottom: 5000px; - -} - - -.sidenav a { - color: white; - padding: 14px 20px; - text-decoration: none; - display: block; - - -} - -.sidenav a:hover { - background: #ddd; - color: black; -} - - -.content { - margin-left: 200px; - padding-left: 20px; - color: #000033; -} - -.main { - margin-right: auto; - position:relative; - font-size: 20px; - padding: 0px 10px; -} -.column { - float: left; - width: 33.33%; - padding: 5px; -} -.column:after { - content: ""; - display: table; - clear: both; -} - - -* { - box-sizing: border-box; -} - - -.mySlides {display: none} -img {vertical-align: middle;} - -.slideshow-container { - max-width: 1000px; - position: relative; - margin: auto; -} - -.prev, .next { - cursor: pointer; - position: absolute; - top: 50%; - width: auto; - padding: 16px; - margin-top: -22px; - color: #000033; - font-weight: bold; - font-size: 18px; - transition: 0.6s ease; - 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); -} - -.text { - color: #f2f2f2; - font-size: 15px; - padding: 8px 12px; - position: absolute; - bottom: 8px; - width: 100%; - text-align: center; -} - - -.numbertext { - color: #f2f2f2; - font-size: 12px; - padding: 8px 12px; - position: absolute; - top: 0; -} - - -.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; -} - -.active, .dot:hover { - background-color: #717171; -} - - -.fade { - -webkit-animation-name: fade; - -webkit-animation-duration: 1.5s; - animation-name: fade; - animation-duration: 1.5s; -} - -@-webkit-keyframes fade { - from {opacity: .4} - to {opacity: 1} -} - -@keyframes fade { - from {opacity: .4} - to {opacity: 1} -} - -/* On smaller screens, decrease text size */ -@media only screen and (max-width: 300px) { - .prev, .next,.text {font-size: 11px} -} - - -