@import "normalize.css";

@font-face{
    font-family: "newParisHeadline";
    src:url("../fonts/NewParisHeadline-BoldItalic.otf") format("opentype");
}

body {
    overflow-x: hidden;
    /*font-family: Arial, Helvetica, sans-serif;*/
}

#footer{
    height: 50vh;
}

#topimg{
    width: 100vw;
    height: 100vh;
    background-image: url(../top.png);
    background-size: cover;
}
#topimg img{
    visibility: hidden;
}
#botimg{
    width: 100vw;
    background-image: url(../bottom.png);
    background-size: contain;
    background-repeat: no-repeat;
}
#botimg img{
    visibility: hidden;
}

h1 {
    font-family: "newParisHeadline";
    font-size: 20pt;
}

.centered70 {
    margin: auto;
    width: 70vw;
}

@keyframes updown {
    from {
      bottom: 10px;
    }
  
    to {
      bottom: 25px;
    }
  }

#scrollme {
	fill: #eeff00;
	width: 128px;
	height: 128px;
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin-left: -32px;
	/*transition: bottom .5s;*/
    z-index: 98;
    animation-duration: 1.0s;
    animation-name: updown;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
#scrollme:hover {
	/*transition: bottom .5s;
	bottom: 15px;*/
	cursor: pointer;
	fill: #c5d302;
}

.albumart{
    transition: filter .5s;
}
.albumart:hover{
    filter: blur(4px);
    transition: filter .5s;
}

.stoerer{
    position: relative;
    z-index: 999;
    float: left;
    width: 100vw;
}

/*
#jukebox input {
    padding: 3px;
    background-color: #c5f1ff;
    border-radius: 3px;
    border: 1px solid black;
}

#jukebox textarea{
    padding: 3px;
    background-color: #c5f1ff;
    border-radius: 3px;
    border: 1px solid black;
    width: 100%;
    height: 200px;
}
*/
.carousel-control-prev, .carousel-control-next {
    background: #00000050;
}

.border-1 {
    border-width:1px !important;
}

.border-2 {
    border-width:2px !important;
}

.border-3 {
    border-width:3px !important;
}

.border-4 {
    border-width:4px !important;
}

.border-5 {
    border-width:5px !important;
}