body
{
    background-color: #1b1b1b;
}

.container 
{
    position: absolute;
    width: 300px;
    height: 300px;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    display: block;
    margin-left: 50px;
    margin-top: 120px;
    background: #2b2b2b;
}

.c-all
{
    border-radius: 25px;
    margin: 0;
    width: 1000px;
    height: 300px;
}

.button 
{
    color: rgb(22, 22, 22);
	display: inline-block;
	cursor: pointer;
	background: #19b5f3;
	text-align: center;
	font: 16px/100% Arial, Helvetica, sans-serif;
 	padding: 5px 20px 5px;
    margin-top: 7px;
    margin-left: 2px;
    border-radius: 10px;
	box-shadow: 0px 10px #590cd4;
    outline: none;
    border: none;
}

.button:hover
{
    background: #65d3ff;
    box-shadow: 0 10px 0px #6340ff;
    outline: none;
}
      
.button:active 
{
    position: relative;
    top: 5px;
    box-shadow: 0 5px 0px #590cd4;
    outline: none;
}

.erasmusBtn
{
    background: #0ec554;
    box-shadow: 0px 10px #0c7936;
    color: rgb(22, 22, 22);
	display: inline-block;
	cursor: pointer;
	text-align: center;
	font: 16px/100% Arial, Helvetica, sans-serif;
 	padding: 5px 20px 5px;
    margin-top: 7px;
    margin-left: 2px;
    border-radius: 10px;
    outline: none;
    border: none;
}

.erasmusBtn:hover
{
    background: #19f36d;
    box-shadow: 0px 10px #0fa809;
    outline: none;
}

.erasmusBtn:active 
{
    position: relative;
    top: 5px;
    outline: none;
}

.buttonClosed
{
    color: rgb(22, 22, 22);
	display: inline-block;
	cursor: pointer;
	background: #d85555;
	text-align: center;
	font: 16px/100% Arial, Helvetica, sans-serif;
 	padding: 5px 20px 5px;
    margin-top: 7px;
    margin-left: 2px;
    border-radius: 10px;
	box-shadow: 0px 10px #a32f65;
    outline: none;
    border: none;
}

.buttonClosed:hover 
{
    background: #b9b9b9;
    box-shadow: 0 10px 0px #686868;
    outline: none;
}
      
.buttonClosed:active 
{
    position: relative;
    top: 5px;
    background: #b9b9b9;
    box-shadow: 0 5px 0px #686868;
    outline: none;
}

.divSquare
{
    color: rgb(216, 216, 216);
    font: 16px/100% Arial, Helvetica, sans-serif;
    box-shadow: 0 10px 0px #000000;
    padding: 20px;
    margin: 50px;
    position: absolute;
    background: #272727;
    align-items: center;
    justify-content: center;
    display: flex;
    border-radius: 10px;
}

.d-name
{
    width: 300;
    height: 200;
}

.d-desc
{
    width: 600;
    height: 200;

    left: 210px;
}

.d-proof
{
    font: 13px/100% Arial, Helvetica, sans-serif;
    width: 300;
    height: 200;
    top: 125px;

}

.image 
{
    top: 240px;
    left: 1000px;

    position: absolute;
    transform: translateX(-50%) translateY(-50%) rotate(30deg) scale(0.032);
    z-index: 10;
    overflow: hidden;
}

.image img 
{
    transition: transform 0.3s ease-in-out;
}

.image:hover img 
{
    transform: scale(0.9) rotate(5deg);
}

.freefloatButton
{
    z-index: 2;
    position: absolute;
    top: 10px;
    left: 60px;
}