@font-face {
    font-family: 'colortuberegular';
    src: url('colortube-regular-webfont.woff2') format('woff2'),
         url('colortube-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
body { 
    background: black; 
}
header {
    padding: 10px;
    margin-bottom: 2em;
}
header p,
footer p {
    margin: 0 auto;
    text-align: center;
    font-family: "colortuberegular";
    font-size: 1.5em;   
    display: flex;
    justify-content: space-around;
}
header p {
    margin-top: 25px;
}
header p a,
footer p a {
    color: #ff00ff;
    text-decoration: none;
}
header p a:hover,
header p a:focus,
footer p a:hover,
footer p a:focus  {
    border-bottom: 1px solid #7f00ff;
}
footer {
    text-align: center;
    margin:  1em auto 2em;
}
h1 {
    font-family: "colortuberegular";
    color: #ff00ff;
    font-weight: normal;
    text-align: center;
    font-size: 1.8em;
}
h2 {        
    font-family: "colortuberegular";
    color: #ff00ff;
    font-weight: normal;
    text-align: center;
    font-size: 1.5em;
}
svg {
    display: block;
    margin: 0 auto;
}
.width-530 {        
    max-width: 530px;
}
.center {
    text-align: center;
}
.dots {
    background: #000;
    width: 80%;
    position: relative;
    margin: 40px auto;
    border-top: 1px solid #ff00ff;
    border-left: 1px solid #ff00ff;
    border-bottom: 1px solid #7f00ff;
    border-right: 1px solid #7f00ff;
    padding: 1em 2em 2em;
    box-sizing: border-box;
}
.dots::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 10px;
    z-index: -1;
    background-image: radial-gradient(#ff00ff 20%, transparent 20%),
                      radial-gradient(#7f00ff 20%, transparent 20%);
    background-color: transparent;
    background-position: 0 0, 55px 55px;
    background-size: 10px 10px;
    height: 100%;
    width: 100%;
    rotate: 3deg;
}    
.dots a {
    text-decoration: none;
    border-bottom: 2px dotted #7f00ff;
}
.dots p {
    color: #FF66FF;
    font-family: sans-serif;
    letter-spacing: 1px;
    margin: .5em 0 0;
    font-family: "Century Gothic", "Futura", sans-serif;
    font-size: 1.1em;
}
.dots a {
    color: #FF66FF;
}