@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville);:root{--dark-red-bg:#502B2A;--on-hover-cl:white}body,html{overflow:hidden;background-color:var(--dark-red-bg);background-size:cover;width:100%;height:100%;margin:0;padding:0}body *{font-family:"Libre Baskerville, Source Serif Pro",Garamond,"Times New Roman"}.main-content{height:100%;background-image:url(../pictures/amagerBikeCrop.jpg);background-color:var(--dark-red-bg);background-size:cover;position:relative;animation-name:background-animation;animation-duration:8s;display:flex;justify-content:right}@keyframes background-animation{from{opacity:0}to{opacity:100%}}#orange-box{margin:0 10% 0 0;align-self:center;padding:2%;width:25%;min-width:300px;max-width:400px;height:fit-content;border:3px solid;border-radius:20px;position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background-color:rgba(241,200,168,.5);box-shadow:4px 6px 5px #000;animation-name:orange-box-animation;animation-duration:4s}@keyframes orange-box-animation{from{right:-100%}to{right:0}}#orange-box:not(ul){color:var(--dark-red-bg);text-align:center}#orange-box ul{padding-left:20%;text-align:left}#orange-box ul>li{fill:var(--dark-red-bg);display:flex;align-items:center}#orange-box ul>li:hover{fill:var(--on-hover-cl);color:var(--on-hover-cl)}h1{margin-bottom:0;font-size:5rem}h2{margin:0;font-size:1.7rem}h4{margin-bottom:0;font-size:2rem}ul{list-style:none}ul>li svg{fill:inherit;margin-right:4px;height:32px;width:32px}a{color:inherit;text-decoration:none}@media screen and (max-width:600px){#orange-box{width:90%;min-width:320px;min-height:440px;margin:0}.main-content{margin:0;padding:0;justify-content:center;align-items:center}h1{margin-bottom:10%}h2{font-size:200%;margin:0}h4{font-size:200%;margin:0}}