@font-face {
    font-family: 'Berlin Sans FB PL';
    src: url('font/BerlinSansFBPL-Reg.eot');
    src: url('font/BerlinSansFBPL-Reg.eot?#iefix') format('embedded-opentype'),
        url('font/BerlinSansFBPL-Reg.woff2') format('woff2'),
        url('font/BerlinSansFBPL-Reg.woff') format('woff'),
        url('font/BerlinSansFBPL-Reg.ttf') format('truetype'),
        url('font/BerlinSansFBPL-Reg.svg#BerlinSansFBPL-Reg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
		
body {
	background-color: #b5dfff;
	font-family: "Berlin Sans FB PL";
}

h1,h3,th {
	font-weight:400;
}

.retinol-page {
	display: block;
	margin: auto;
	background-color: #f0feff;
	opacity: 0.5;
	width: 60%;
	padding:0.5%;
}

p,h1,h3 {
	text-align:center;
}

.gabim {
	color:#ff3dbc;
}

.tokoferol {
	padding: 2%;
	background-color: #f0feff;
	border: 2px solid #b5dfff;
	overflow-x:scroll;
}

table {
  margin-left:auto;
  margin-right:auto;
  border-collapse:collapse;
}

a {
	color:black;
}

th {
	color:#ff3dbc;
}

td,th {
	border: 2px solid #b5dfff;
	font-size:1.5em;
	text-align:center;
}

@media only screen and (max-width: 1200px) {
	td,th {
		font-size:1.2em;
	}
}

@media only screen and (max-width: 800px) {
	td,th {
		font-size:initial;
	}
	.retinol-page {
		width: initial;
	}
	#retinol-molecule {
		width:80%;
	}
}

ul {
	text-align:left;
}