@font-face {
    font-family: 'cooper_blackregular';
    src: url('coopbl-webfont.woff2') format('woff2'),
         url('coopbl-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
/* Generated by Font Squirrel (https://www.fontsquirrel.com) on June 13, 2016 */
}
body {
	background-color: purple;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'cooper_blackregular';
}
h1.idym,
.h1.idym {
    text-align: center;
    font-size: 27vh;
    color: #fff;
    margin: 1vh auto;
    background-color: orange;
    border-radius: 50%;
    height: 98vh;
    width: 98vh;
    -webkit-text-stroke: 6px red; 
    text-stroke: 6px red;
}
.idym span {
	display: block;
}
.target {
  margin: 3em auto;
  border: solid 2em transparent;
  padding: 4em;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  box-shadow: 0 0 0 2em #000, inset 0 0 0 2em #000;
  background: #000 content-box;
}
/*
https://css-tricks.com/the-backgound-clip-property-and-use-cases/
try something like this
https://codyhouse.co/demo/alternate-fixed-scroll-background/index.html
or this
http://www.design65grafischontwerp.nl/
*/