/*
    Color palette:
    Yellow: #FFDD00
    Deep-Orange: #C03000
    Dark-Blue: #000D44
    Purple: #803075
    Teal: #105D7A
*/
#header {
    display:flex;
    align-items:flex-end;
}

#main {
   margin:20px; 
}

#social-media {
    
}

 #social-media > a > img{
     height:50px;
 }

#trailer {
    overflow: hidden;
    background-color: #803075;
    background-image: linear-gradient(180deg, #C03000, #FFDD00);
    /*float: right*/
}

#trailer > p {
  float:right;
  line-height:0;
  padding: 0px 5px 0px 0px;
}

#trailer > a > img {
    height:20px;
    padding-top: 5px;
    padding-right: 0;
    padding-bottom: 5px;
    padding-left: 5px;
}

#nav-bar {
    overflow: hidden;
    background-color: #803075;
    background-image: linear-gradient(180deg, #C03000, #FFDD00);
    padding: 5px;
}

#nav-bar > a {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    padding: 30px;
}

#nav-bar > a:hover{
background-color: #a06000;

}

#blog {
    
}

#comission {
    
}

#about {
    
}

#main > div {
    background: #FFDD0080;
    border: transparent; 
    border-style: solid;
    border-radius: 10px;
    padding: 10px;
    margin-bottom:10px;
}

.card {
    height: 120px;
    padding: 5px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.side-scroll {
    overflow:auto;
    white-space: nowrap;
}   

body {
    background-image:url("pictures/Background/SpaceBackground.avif");
    background-size:cover;
}