/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

@font-face {
    font-family: "MyFont";
    src: url(mieszkanie9.otf);
}

@keyframes rwdcur247648 {
0%,24.9%,100% {cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACAklEQVRYhe2WsU7DMBCGf6O+QSVGVlbEA1QdQhhhQbD0CTJ0oVPKRDOlS4c8AVPFUthIOlRMZQHWTkiIDcETVDqG1ont2MEpTZEQv1Q1iSPff9+d7QD/+suiB4+qmbgXayem9rB0QFYUgHXd3LgYXDdeVltFg9SLSQyYXjs3KwekIJEoaQ2kmS0DSUacG2B8lE1owK57TkFCcEaSCSPCwmzHR9b4qT0kNjhN36UgIeYfpPfGEkgB9mvZTzVYUmLwQgM5Pc2za6U03IwOu5i91pBpQCoBz/xxrn952ROcGjciodc8Mxr4rv46rboka+oDU7dLZt4/cTF4S297ODeTVJpQVa4H0kwUrKoupy8gEBreHrroUxd9ir3xenZCVTkq75+I53XcR89oeHtwT3bAmrtMNOBGjtXcVqtAR8GtfSz+WyN0m7egyYzcyGE8sC0N+2UIZGUZnDFs1xGgw+KrYwBAfP0KmswIyLJfpSSFks6FICG+pfoIiaYe+QiJm7A1UIqAWAq+o1GQkEpC1NopqDKRsDVQrgc0Evd2kcSdl1TQhAXiFNyTHQCL1SGSqNSAesKJJDZiQKfDKDNVRGJlA+qnlU4BOqkJU0/kDiNbMf+ASZ9WShlUua0R/Cgk0VQlEjciUXdeQj5CUklU1gOqGd4Ttqvjx4HLktio+I75awZEfQGglzzj46uXmQAAAABJRU5ErkJggg==) 10 10, auto;}
25%,49.9% {cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAB/0lEQVRYhe1WMU/CQBh9Z/gHxsFBf4NxcTNGoYy4qBO/oAOLJCbAZElMCANDf4ETuBQ3CxpxwsU4uxgTNxJ+geFzgKvX49reVZDFN7Uf5Xvv3veuPeAfSwTVe5T0zNpSybOelgjz5o6v1VRFTqV2qKZ0gByfokh4XUcEq+RY0jOxI5CFBNfZblLfaFGts5CoSIXk+IRsF+gXwj8INVa1Qv+nZ5vYnjvXk9sukge1WAGcUEa/MEce2afUJnnVIiJHkESgG0SZXCuESuxmfq5nrvCM6IqZSYq5E2AUOCkTUbar6koBSfNXQTcTMjJyIUQukoliRmPUWp/BrYPzVOSAIgPBSiK2Gsfl8B0EAgNDDU2qoal+cZU6sfnQ20qyK6Mx/K91PLmv2Ld3YJ1so38zdSTnHhm5obUL5l1gsDJjAIBV9FA9uEX2dMuE10xAAD6WWZLrKDP/+hgA4Hc+AAA9+97o66ctgLsQuLG5AQDIu9MPjlX08Oi+GIswcmDu3X/1QEDYiQkmJi3TH0jYxWFIjOjEnwhQQXRCdwwLP5Ll3RzjWaigsbwzIZ+/CnWUg/Hc2fFnwl85IOdABavoxTqRSkDc6kU4gwJ4JqKcMBbAyXVWD4R3h04mtAVoPTt4Ixq8ETB1oIIGJWVi4RBFVNAgGtq0ECfSYmVOiOBOrEyAiG/j8RRSwkNW/QAAAABJRU5ErkJggg==) 10 10, auto;}
50%,74.9% {cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAB+klEQVRYheWWsU4CQRRF7zP8hx2lMTY2BhIELLFSG75gCgo1MQErIDHBhoIvsDBYQQkLJnTYaE9jYuxM/ALCs9BlZ2dnlp2F1cKbkCzLsPfMfW9mB0hQXOnyqjFbSQL8T3Gly2r0unvrmTSGsR8WCYQbQzaZuL9FgVi7CVWj5XW+rx/fdKyT0QJQrUiykQ8k3wdGJb15vueDoPYpAeYkuNJlMpGFznZU8iAVCKoWjM/UyVgCn8FeyvuogPJ/LM1DAQJ6mXvXSmlsVgVXHnxjo5XAnfnzXD/4pye0ZXkSTPsdo4/2h1X11z5IYx5FKfWGsdtlmI9PXLffl18buIhlDmh6YDmTkFgBoD59BYNBINRwG3tnDCRgNB2VpBQIuM8AeMOB2EHxZBuUJa7jPJlVEATyJlws91DL9pERu3DEmHkys0rD7jzglqV9RgDQxCUN744BAAssPLzJzBokknzvhZvH5XUVLeapYEeM/a/hJCB0AAAwEA47YswD4VhBxDqSqeYAcNT53oaL5R6qaHkvpGyawiBinwnpKqfteLcn5CTCIDZ+KDUlYZI1gC5+VfLqcJMwpRArAVP8sqImsfESyEtRTYKy6QD4RgEKncOAwaokrAHoKker+sARYw5LwtZTK1sIwNsxo6yOxDQQDlfRCuyYvyo3iT8DkPUFW0M+joZZNnYAAAAASUVORK5CYII=) 10 10, auto;}
75%,99.9% {cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACDklEQVRYhe2VsWrbUBSGvxPyGqVvUEqXLKUUmqiDCWRKu/gJNHRpA8XK0tgE7Cwe9ASdmskUMthKIO6ULm5nLyGkW0mfwOR0UK4s2fcKyZGapT+IK869V/9//3PuEdQIffdF6/z+f1jhsr3SdGh7VBnJmovASXIXd81XIsAlJHnfO7Gul/4byewv4Ii4JrQ9UvZOoNvITqRiEnhiSNLktlgy991X2QiTeL4AQ7iIbgMJPOfeMnCmIEMwmcGPWTwuCkyhsiLMxWSWuGJqZC5m2RTtRLmiiqXAnPzZun1xqiaWyDcHcLqDtLasXNagNf+TWSxgsSjNhxw1oZ1IXeRWARnyNJkR023A7z/s938lU23er1yQSzWQnMRhq8HBxSWKIggBRxpwtFJjshahBJ6YJwkuWD/6vAPAc/8JB+fbCELkn9VzC2wueOs38dgcELz8yqfxNkBpEeWuoUlL/62A0OGDGCdGx1dsha9kFRGFkfkvHM5JWvRUL3xt0dOyAu7VTvXwTOVjfOqhH+m38Ccv/Kes3RlrHMlD+U7owOswvutec8B5OCm8rzIBQKYmbrktlIpKBUDWiSKoXABknRj6+T+jWgQAeLuP47E5wNyOfyrg9PgamHdMlxO1CQDY3H2UqQmbE7UJMD1Ax1MtUxOFke6EuevGU9XxVGG5Yz4Ihn6kLXpamROrwDjxYALS+AswkBktcLg84AAAAABJRU5ErkJggg==) 10 10, auto;}
}




body {
    background:#0b1120;
    color:#d6e4ff;
    font-family:"MyFont", serif;
    background-image:
    radial-gradient(circle at 20% 20%, rgba(126,163,255,.15) 0%, transparent 30%),
    radial-gradient(circle at 80% 30%, rgba(126,163,255,.1) 0%, transparent 25%);
    animation:rwdcur247648 0.66666666666667s linear infinite forwards;

}

.container {
    width:800px;
    margin:auto;
    margin-top:40px;

    background:#132542;
    border:2px solid #4b69a3;

    padding:25px;

    box-shadow:0 0 25px rgba(126,163,255,.3);
}

h1 {
    text-align:center;
    font-size:3em;
    color:#c7d8ff;
}

.tagline {
    text-align:center;
    font-style:italic;
}

nav {
    text-align:center;
    padding:10px;
}

nav a {
    color:#a9c6ff;
    text-decoration:none;
}

nav a:hover {
    color:white;
        animation:rwdcur247648 0.66666666666667s linear infinite forwards;

}

h2 {
    color:#a9c6ff;
    border-bottom:1px dotted #4b69a3;
}

section {
    margin-top:25px;
}

ul {
    line-height:1.8;
}

img {
    border:2px solid #4b69a3;
}

footer {
    text-align:center;
    margin-top:30px;
    font-size:0.9em;
}