body {

background-image: url(home.png);
background-fill: stretch;
height: 100%;
}

html {
	height: 100%;
}

.nav-item {
	margin-right: 	40px;
	margin-left: 	40px;
	color: black;


}

a:hover  {

text-decoration: bold !important;
size: 10px;

}
.contact {
    color: white !important;


}

.carousel {


width: 300px;
height: 300px;
}




.carousel-inner {
  border-color: $color transparent transparent transparent;
  border-width: #{$corner-bevel}px 0 0 #{$corner-bevel}px;
}

/*}

.carousel-inner {


  border-color: $color transparent transparent transparent;
  border-width: #{$corner-bevel}px 0 0 #{$corner-bevel}px;
}
*/

.dbox {
	transform: skewX(45deg);
	z-index: -1;
	position: fixed;
	left: 100;
	background-color: green;
width: 50%;
height: 50%;
overflow: hidden;


}

.all {
    color: white;
    text-align: center;
    
}  
    
}

.idk {
    
    color: white important;
    background-color: #FFFFFF;
    
    
}
}