62 lines
865 B
CSS
62 lines
865 B
CSS
/* background */
|
|
body {
|
|
background-image: url(monogram.gif);
|
|
background-color: #463731;
|
|
background-position: center;
|
|
background-repeat: repeat;
|
|
background-size: 132px;
|
|
|
|
color: #fff;
|
|
text-shadow: 1px 1px #000;
|
|
|
|
text-align: center;
|
|
}
|
|
|
|
/* layout */
|
|
header, #luggage, #parties, footer {
|
|
clear: both;
|
|
padding: 0.5em;
|
|
}
|
|
header {
|
|
color: #e9992d;
|
|
}
|
|
.luggage {
|
|
float: left;
|
|
width: 25%;
|
|
}
|
|
h5 {
|
|
text-align: left;
|
|
margin: 0.5em 3em;
|
|
}
|
|
em {
|
|
float: right;
|
|
}
|
|
.party {
|
|
float: left;
|
|
width: 50%;
|
|
}
|
|
#bernkastel {
|
|
color: #849bf3;
|
|
}
|
|
#lambdadelta {
|
|
color: #ffe4f2;
|
|
}
|
|
#virgilia {
|
|
color: #d1d0e3;
|
|
display: inline-block;
|
|
margin: auto;
|
|
text-align: left;
|
|
}
|
|
|
|
/* breakpoints at 850px and 475px */
|
|
@media screen and (max-width: 850px) {
|
|
.luggage {
|
|
width: 50%;
|
|
}
|
|
}
|
|
@media screen and (max-width: 475px) {
|
|
.luggage {
|
|
width: 100%;
|
|
}
|
|
}
|