File: /var/www/akrozia.org/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-737514-29"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-737514-29');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="icon.png"sizes="128x128">
<link href="https://fonts.googleapis.com/css2?family=Baloo+Tamma+2&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Baloo Tamma 2', cursive;
background-color: #647d88;
color: #dcf2f8;
text-align: center;
font-size: 28px;
padding-top: 30px;
}
a {
font-weight: bold;
color: #dcf2f8;
}
.mail-text {
font-weight: 100;
}
.centered {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.nowrap {
white-space: nowrap;
}
.icon {
width: 60px;
padding-top: 5px;
filter: invert(84%) sepia(16%) saturate(215%) hue-rotate(155deg) brightness(110%) contrast(95%);
}
hr {
border: none;
height: 1px;
color: #8CA4AD;
background-color: #8CA4AD;
}
.plain-text {
color: #B4CBD3;
}
</style>
<title>Akrozia.org</title>
</head>
<body>
<div class="centered">
<span class="plain-text">Contacts:</span> <span class="mail-text nowrap">admin [at] akrozia.org</<span>
<hr>
<a href="https://www.youtube.com/c/PavelTodorov/"><img class="icon" src="yt.svg"></a>
</div>
</body>
</html>