/* CSS Document - button */
@charset "UTF-8";

.button{
 
    width: 50%;
    height: 50%;
    float: left;
    font-size: 200%;
    border: 0px solid black;
    border-radius: 0px;
    color: white;
    background-color: black;
    font-weight: bold;
    text-decoration: none;

    transition: 0.4s;

    font-family: 'Georama', sans-serif;

    display: flex;
    justify-content: center;
    align-items: center;

}


.buttonKulaty{
    
    border: 3px solid white;
    border-radius: 100%;
    color: white;
    background-color: black;
    font-weight: bold;
    font-family: 'Georama', sans-serif;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    
    
}
/* 
background: repeating-radial-gradient(
  circle,
  purple,
  purple 10px,
  #4b026f 10px, 
  #4b026f 20px
); */


.kulaty{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    width: 400px;
    height: 400px;
    
}

.icon-bar{
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 200%;
}


.fonty1{
    font-size: 100%;
}

.fonty{
    font-size: 40%;
    margin-top: 20px;
    text-decoration: none;
    color: white;
}

/* .buttonKulaty:hover{
	color:black;
    font-weight: bold;
	background-color: rgb(207, 204, 52);
    border: 3px solid rgb(207, 204, 52);
	transition: 0.8s;
    cursor: pointer;

} */


.button i{
	color:white;
}

.button:hover i {
	color:black;
	transition: 0.8s;
    cursor: pointer;
}


.button:hover {
	color:black;
    font-weight: bold;
	background-color: white;
	transition: 0.8s;
    cursor: pointer;

}

/* background: repeating-linear-gradient(
    45deg,
    white,
    white 10px,
    black 10px,
    black 20px
  );
  transform: 0.8s; */

  i {
	color: white;
	margin-right: 1%;
  }


  i:hover {
	  color: #ECFA00;
      cursor: pointer;
  }

 
/* .downloadbutton{
	text-align: center;
	font-weight: bold;
	border:3px solid white;
	border-radius: 30px;
    padding: 10px;
	text-decoration: none;
	color: white;
	background-color: black;
    font-family: 'Georama', sans-serif;
}

.downloadbutton:hover {
	color:black;
	background-color: white;
	transition: 0.8s;
    border: none;
} */

.cz:hover, .en:hover, .de:hover{
	color: #ECFA00;
}

.cz, .de, .en{
	text-decoration: none;
	color: white;
	
}

.cz:active, .en:active, .de:active{
	color: #ECFA00;
}

h1{
    font-size: 110%;
}