@font-face {
	font-family: 'A Charming Font';
	src: url('../font/ACharmingFont.eot');
	src: url('../font/ACharmingFont.eot?#iefix') format('embedded-opentype'),
		
		url('../font/ACharmingFont.woff') format('woff'),
		url('../font/ACharmingFont.ttf') format('truetype'),
		url('../font/ACharmingFont.svg#ACharmingFont') format('svg');
	font-weight: normal;
	font-style: normal;
}



body{
	background-color: black;
	!color:white;
	}
	
.jumbotron{
	font-size: 200px;
	font-family: 'A Charming Font';
}
	
.cont{
font-family: 'A Charming Font';
font-size:50px;
color:white;
}

.textcolor{
	color:#00fff5;
	transition: all 1s ease;
	transform: scale(1.5);
}

.turcoaz:hover{ border: solid #00fff5; box-shadow: 0 0 60px #00fff5;}

	
.mareste{transition: all 1s ease;
transform: scale(1.1);
}

.micsoreaza {transition: all 1s ease;
transform: scale(1);
}



.slideshow{
    margin: 0 auto;
    padding-top: 50px;
    box-sizing: border-box;
}

.content{
    margin: auto;
    width: 210px;
    perspective: 1000px;
    position: relative;
    padding-top: 80px;
}

.content-carrousel{
    width: 100%;
    position: absolute;
    float: right;
    animation: rotar 30s infinite linear;
    transform-style: preserve-3d;
}

.content-carrousel:hover{
    animation-play-state: paused;
    cursor: pointer;
}

.content-carrousel figure{
    width: 100%;
    height: 120px;
    border: 2px solid #4d444d;
    overflow: hidden;
    position: absolute;
    margin: 0 auto;
}

.content-carrousel figure:nth-child(1){
    transform:rotateY(0deg) translateZ(300px);
}

.content-carrousel figure:nth-child(2){
    transform:rotateY(40deg) translateZ(300px);
}

.content-carrousel figure:nth-child(3){
    transform:rotateY(80deg) translateZ(300px);
}

.content-carrousel figure:nth-child(4){
    transform:rotateY(120deg) translateZ(300px);
}

.content-carrousel figure:nth-child(5){
    transform:rotateY(160deg) translateZ(300px);
}

.content-carrousel figure:nth-child(6){
    transform:rotateY(200deg) translateZ(300px);
}

.content-carrousel figure:nth-child(7){
    transform:rotateY(240deg) translateZ(300px);
}

.content-carrousel figure:nth-child(8){
    transform:rotateY(280deg) translateZ(300px);
}

.content-carrousel figure:nth-child(9){
    transform:rotateY(320deg) translateZ(300px);
}

.shadow{
    position: absolute;
    box-shadow: 2px 2px 15px 2px #000;
    border-radius: 2px;
}

.content-carrousel img{
    image-rendering: auto;
    transition: all 300ms;
    width: 100%;
    height: 100%;
}

.content-carrousel img:hover{
    transform:scale(1.2);
    transition:all 300ms;
}

@keyframes rotar{
    from{
        transform:rotateY(0deg);
    } to{
        transform:rotateY(360deg);
    }
}

.spatiu{
    height: 100px;
}