You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

106 lines
1.9 KiB
CSS

8 years ago
body{ color: #4d0663;
font-weight: 700;
font-family: 'Droid Serif', serif;
background-image: url("img/background.jpg");
background-repeat: none;
}
header{
max-width:1000px;
margin: auto; }
.students{}
.deplayerlogo{
float: left;
}
.pzilogo{
width: 20px;
}
td {padding: 10px;}
.title span{background-color: rgba(230,0,0,.8);
padding-left: 30px;
padding-right: 30px;}
.title{
padding-top: 20px;
font-family: 'Gidugu', sans-serif;
color: #4d0663;
line-height: .9em;
font-size: 100px;
letter-spacing: 2px;
}
.with {background-color: rgba(230,0,0,.5);
padding-left: 10px;
padding-right: 10px;
letter-spacing: 2px;
margin-left: -50px;
margin-top: 20px;
font-family: 'Gidugu', sans-serif;
font-size: 60px;
line-height: .9em;
color: #4d0663;
max-width: 825px;
}
.info span {
text-transform: uppercase;
letter-spacing: 1px;
padding-left: 10px;
background-color: rgba(230,0,0,.7);}
.info {
margin-left: 200px;
font-size:40px;
color: white;}
.location span {
letter-spacing: 1px;
padding-left: 10px;
background-color: rgba(230,0,0,.7);}
.location {
margin-left: 300px;
font-size: 20px;
color: white;}
.description{
margin-left: 20px;
max-width: 400px;
display: inline-block; }
h2 {color: #011787;
font-family: 'Gidugu', sans-serif;
font-size: 40px;
line-height: .9em;
}
.artist{
font-family: 'Gidugu', sans-serif;
color: #4d0663;
float: left;
margin-bottom: -30px;
font-size:50px;
letter-spacing: 2px;
}
.who{font-weight: bold;}
.content{
background-color:rgba(255,255,255,.8);
max-width: 900px;
padding:10px;
margin: auto;}
.background{z-index: -1;}
/*////////mobile///////*/
@media screen and (max-width:767px) {
.title {line-height: 74px;
font-size: 60px;}
.with{font-size: 40px;
margin-left: 0px;}
.info{font-size: 30px;
margin-left: 0px;}
.location{
margin-left: 0px;}
.artist{
margin-top: -20px;
}
}/*/end of 767*/