.oswald- {
font-family: "Oswald", sans-serif;
font-optical-sizing: auto;
font-weight: ;
font-style: normal;
}
.boldonse-regular {
font-family: "Boldonse", system-ui;
font-weight: 400;
font-style: normal;
}
Body {
font-size: 19px;
font-family: "Oswald", sans-serif;
color: red
}
#wrapper {
background-color: black;
padding: 30px;
width: 100%
}
h1 {
color: red;
}
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
font-size: 40px;
}
a:link {
color: red;
text-transform: uppercase
}
a:visited {
color: dark darkred text-transform: uppercase;
}
a:hover {
color: red;
}
a:active {
color: red;
}
.button {
background-color: rgb(172, 140, 41);
border-radius: 6px;
/* rounds the corners of the border */
}
.button a:link {
color: rgb(226, 226, 226);
text-decoration: none;
/* removes the underline from the link*/
font-style: normal;
text-transform: uppercase;
/*makes all letters uppercase */
text-align: center;
display: block;
padding: 10px 0;
}
.button a:hover {
background-color: rgb(119, 97, 48);
border-radius: 6px;
}
.main-navigation ul {
padding: 0;
}
.main-navigation li {
text-align: center;
margin: 20px 0;
}
.main-navigation a:link {
display: block;
padding: 15px 10px;
text-decoration: none;
background-color: rgba(67, 67, 67, 0.17);
color: rgb(180, 180, 180);
}
.main-navigation a:visited {
color: rgb(106, 106, 106);
}
.main-navigation a:hover {
color: rgb(226, 226, 226);
background-color: rgba(61, 61, 61, 0.5);
transition: .75s color;
}
.tour-dates {
text-align: center;
}
.landing {
text-align: center;
}
.tour-pic {
width: 960px;
display: flex;
align-content: center margin: 0 auto;
}
.performance {
width: 960px;
align-content: space-between;
margin: 0 auto;
}
.performance img {
max-width: 500px;
margin-right: 10px;
}
p {
font-size: 40px;
}