* { font-family: verdana; font-size: 11px; color: gray; letter-spacing: 2px; box-sizing: border-box;}

a {transition: color 0.5s ease;}
a:hover {color: #ff0000;}

.title-container {margin: 70px auto 30px auto; width: 90%; text-align: center;  font-size: 18px; font-weight: bold; }

.przemek-text {font-size: 18px; transition: color 1.0s ease;}
.przemek-text-selected {color: red;}

.pronounciation-button {border: 0; background: none; padding-bottom: 10px; vertical-align: super; padding-inline: 0px; cursor: pointer;}

.content-container {margin: auto; width: 350px; text-align: right;}
@media (max-width: 768px) {
	.content-container {margin: auto; width: 90%; text-align: center;}
}

.red-link {color: #ff0000;}
:hover.red-link {color: gray;}