@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond');

body{
    padding: 0;
    margin: 0;
    background-color: rgb(241, 241, 241);
    color: rgb(241, 241, 241);
    font-family: 'Cormorant Garamond', serif;
	height: 100%;
	width: 100%;
	max-height: 100%;
	max-width: 100%;
}

p{
    position: absolute;
    top: 3%;
    right: auto;
    bottom: auto;
    left: 3%;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
}

.area {
    animation: blur 2s ease-out ;
    text-shadow: none;
}

@keyframes blur {
  from {
    text-shadow:
    0px 0px 1px rgb(241, 241, 241),
    0px 0px 2px rgb(241, 241, 241),
    0px 0px 3px rgb(241, 241, 241),
    0px 0px 4px rgb(241, 241, 241),
    0px 0px 5px rgb(241, 241, 241),
    0px 0px 10px rgb(241, 241, 241), 
    0px 0px 15px rgb(241, 241, 241),
    0px 0px 20px rgb(241, 241, 241),
    0px 0px 25px rgb(241, 241, 241),
    0px 0px 50px rgb(241, 241, 241),
    0px 0px 150px rgb(80, 80, 80),
    0px 10px 100px rgb(80, 80, 80),
    0px -10px 100px rgb(80, 80, 80);
  }
}

canvas {
    vertical-align: top;
}