@font-face {
    font-family: 'Permanent Marker';
    src: url('../font/PermanentMarker-Regular.eot');
    src: url('../font/PermanentMarker-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/PermanentMarker-Regular.woff2') format('woff2'),
        url('../font/PermanentMarker-Regular.woff') format('woff'),
		url('../font/PermanentMarker-Regular.ttf') format('truetype'),
        url('../font/PermanentMarker-Regular.svg#PermanentMarker-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
	font-family: 'Permanent Marker';
}

.logo p{
    font-family: -apple-system, BlinkMacSystemFont,
     "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
      "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.typewriter p {
    overflow: hidden;
    white-space: nowrap;
    margin: 0 auto;
    animation: 
      typing 2s ease-in,
      blink-caret .75s step-end infinite;
  }
  
  /* The typing effect */
  @keyframes typing {
    from { width: 0 }
    to { width: 100% }
  }