.info-box{
    background-color: #fafafa;
    padding: 30px;
    border-radius: 6px;
    box-shadow: 0 0 5px 0 #cccccc;
}


.info-text{
    font-family: 'dracula-Montserrat', 'Montserrat', sans-serif;
    color: #0095ff;
}

.file-upload-icon{
	color: rgba(255, 255, 255, 0.5);
    font-size: 96px;
}

section {
    position: relative;
}

section:before {
    position: absolute;
    content:'';
}

section.night {
	background-color: #2b2d2f;
}

section.day {
	background-color: #ffffff;
}

.slope {
    z-index: 1;
}

section.night.slope{
	   background-color: #2b2d2f;
}

section.day.slope{
	   background-color: #ffffff;
}

.slope:before {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
    -webkit-transform-origin: 3% 0;
    transform-origin: 3% 0;
   	border-bottom-left-radius: 50%;
  	border-bottom-right-radius: 50%;
    top: -50px;
    left: -25%;
    z-index: -1;
    width: 150%;
    height: 200px;
    background: inherit;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.75);
}

.slope.night:before {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.75);
}
.slope.day:before {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    top: -12px;
    transform: rotate(-2deg);
}