Sports Oracle

FEATURED ARTICLES
Newsletter Sign-Up
Get Live football stories delivered to your inbox
on the go.
Suscribe Now
.header {
height: 50px;
width: auto;
}
.mobile-container {
width: 325%;
margin: auto;
height: 50px;
color: white;
border-radius: 10px;
}
.topnav {
overflow: hidden;
background-color: white;
position: relative;
}
.topnav #myLinks {
display: none;
}
.topnav a {
color: black;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
display: block;
}
.topnav a.icon {
background: white;
display: block;
position: absolute;
right: 0;
top: 0;
height: 110px;
width: 50px;
margin-top: 30px;
}
.topnav a:hover {
background-color: #ddd;
color: black;
}
.active {
background-color: #04AA6D;
color: white;
}
.topnav i.fa {
width: 400px !important;
}
body {
font-family: Arial, Helvetica, sans-serif;
width: 30%;
}
.img-parent .img {
height: 160px;
width: auto;
display: block;
margin-left: 30px;
margin-top: 10px;
}
.colored-body {
background-color: #CFF1EF;
width: 330%;
height: 430px;
margin-left: -10px;
}
.s-header {
text-align: center;
padding: 30px;
margin-top: 20px;
text-align: center;
font-size: larger;
font-family: system-ui, -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, Oxygen, Ubuntu, Cantarell, ‘Open Sans’, ‘Helvetica Neue’, sans-serif;
font-size: x-large;
}
.foot-start {
margin-left: 40px;
margin-right: 40px;
font-size: x-large;
font-family: ‘Lucida Sans’, ‘Lucida Sans Regular’, ‘Lucida Grande’, ‘Lucida Sans Unicode’, Geneva, Verdana, sans-serif;
}
.foot-start h2 {
color: black;
}
.foot-start p {
display: inline;
}
.input-email {
display: inline;
display: flex;
padding: 80px;
margin-top: -90px;
height: 30px;
}
input[type=email] {
background: transparent;
border: none;
border-bottom: 1px solid #000000;
padding: 10px;
width: 250%;
margin-left: -40px;
}
.input-email button {
color: #ffffff;
background-color: #000000;
padding: 1px;
border-radius: 3px;
width: 190%;
}
.input-email button:hover {
background-color: #BE79DF;
color: black;
}
footer {
background-color: black;
color: white;
width: 330%;
margin-left: -7px;
margin-top: -10px;
font-size: x-large;
}
.f1 {
padding: 30px;
}
.f1 a {
text-decoration: none;
color: rgb(70, 172, 212);
}
.f1 img {
padding: 10px;
height: 30px;
width: auto;
}
footer hr {
color: white;
background-color: white;
height: 5px;
}
.copyright {
text-align: center;
margin-top: 20px;
padding: 2px;
}
.copyright a {
color: white;
}
function myFunction() {
var x = document.getElementById(“myLinks”);
if (x.style.display === “block”) {
x.style.display = “none”;
} else {
x.style.display = “block”;
}
}