@charset "utf-8";
/* CSS Document */

body {
                background-image: url("images/germanflag.png");
                background-repeat: no-repeat;
                background-size: cover;
            }
            
            .title {
                font-family: "Qwigley", cursive;
                color:white;
                text-align:center;
                font-size:28px;
                position:fixed;
                width:99.8%;
                left:.02%; right:99.8%;
                height:30px;
            }
            .capital {
                font-family:"Oswald", sans-serif;
                font-weight:700;
                color: white;
                position:relative;
                top:10px; left:.02%;
                
            }
            .EU {
            font-family: "Josefin Slab", serif;
            font-weight:700;
            color:white;
            position:relative;
            top:10px; left:.02%;
            }
            .links {
                position:absolute;
                top:120px; 
                left:40%;
            }
            
            a {
                text-decoration:underline;
                text-decoration-color:black;
                color:red;
            }
            a:visited {
                text-decoration:underline
                text-decoration-color:black;
                color:blue;
            }
            a:hover {
                text-decoration:underline
                text-decoration-color:black;
                color:purple;
            }
            td {
                border:2px solid black;
            }
            .heart {
                color:black;
                display:inline;
            }
            @media (min-width:600px) {
                .heart {
                    color:red;
                }
            }
            @media (min-width:800px) {
                .heart {
                    color:yellow;
                }
            }
            @media (min-width:1000px) {
                .heart {
                    color:black; 
                }
            }
            @media (min-width:1200px) {
                .heart {
                    color:red;
                }
            }
            @media (min-width:1400px) {
                .heart {
                    color:yellow;
                }
            }