The website to document the radio show
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

90 lines
1.6 KiB

@import url('https://fonts.googleapis.com/css2?family=Londrina+Outline&family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&display=swap');
body {
background-color: white;
}
.box {
display: flex;
align-items:center;
border-bottom: 1px solid #f0f0f0;
}
.box_top {
display: flex;
align-items:center;
background-color: #f0f0f0;
margin: 0;
}
img {
width: 25%;
display: inline;
margin-top: 2%;
padding-bottom: 25px;
}
.about {
margin-left: 5%;
font-family: 'Open Sans', sans-serif;
line-height: 200%;
padding-right: 15%;
width: 650px;
}
h1 {
font-family: 'Josefin Sans', sans-serif;
font-size: 50px;
margin-left: 5%;
color: rgb(255,99,6);
}
h2 {
margin-left: 5%;
font-family: 'Open Sans', sans-serif;
font-size: 25px;
margin-top: 5%;
color: rgb(255,99,6);
}
.description {
margin-left: 5%;
font-family: 'Open Sans', sans-serif;
}
.episode {
margin-bottom: 20px;
}
ul {
margin-left: 5%;
}
.gif {
width: 10%;
margin-left: 50%;
}
a {
color: black;
text-decoration: none;
}
.glow {
color: ;
text-align: center;
-webkit-animation: glow 1s ease-in-out infinite alternate;
-moz-animation: glow 1s ease-in-out infinite alternate;
animation: glow 1s ease-in-out infinite alternate;
}
@-webkit-keyframes glow {
from {
text-shadow: 0 0 10px rgb(255, 237, 71), 0 0 20px rgb(255, 237, 71), 0 0 30px rgb(255, 237, 71), 0 0 40px rgb(255, 237, 71), 0 0 50px rgb(255, 237, 71);
}
to {
text-shadow: 0 0 20px #fff, 0 0 30px rgb(255,99,6), 0 0 40px rgb(255,99,6), 0 0 50px rgb(255,99,6), 0 0 60px rgb(255,99,6), 0 0 70px rgb(255,99,6);
}
}