/*   
Theme Name: [Företag] Theme
Theme URI: https://[Företag].se
Description: The official [Företag] Wordpress Theme
Author: Ola Eborn
Author URI: https://eborninteractive.se
Version: 1.0
*/

/* CSS Document */

/* 

Färger:



*/

* {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

:root {
  --svart:#111;
  --vit: #fff;
}

body {
	background:#fff;
	color:#111;
	margin:0;
	padding:0;
	font-family:Helvetica ,Arial,  sans-serif;
	line-height:1.5;
	font-size:18px;
}

h1,h2,h3,h4,h5,h6 {
	
}

#page-wrap {
	width:100%;
	position:relative;
}

.inner-content {
	margin:0 auto;
	max-width:1200px;
	width:90%;
	position:relative;
}

header {
	
}

#main-content {
	
}

#main-content .inner-content {
	
}

aside {
	
}

footer {
	
}

.object {
	width:750px;
	position:relative;
	margin-top:100px;
}

.object:before {
    content: "";
    height: 300px;
    width: 13px;
    background: #ccc;
    position: absolute;
    bottom: 850px;
    left: 260px;
    z-index: -1;
     border-radius:20px;
}

.object:after {
    content: "";
    height: 100vh;
    width: 13px;
    background: #ccc;
    position: absolute;
    top: 817px;
    left: 545px;
    z-index: -1;
    border-radius: 20px;
}


body {
  background: #333;
  padding: 0;
  display: flex;
  justify-content: center;
  min-height: 2000px;
}

.track {
  stroke: #ccc;
}



.marker {
  motion-path: path('M12.165,2.477C12.165,2.477 6.772,2.735 5.1,4.738C3.428,6.741 2.122,9.556 4.959,14.165C7.796,18.774 10.423,19.747 9.042,24.746C7.661,29.746 0.157,31.274 4.969,35.314C9.781,39.354 24.921,37.324 24.921,37.324');
  offset-path: path('M12.165,2.477C12.165,2.477 6.772,2.735 5.1,4.738C3.428,6.741 2.122,9.556 4.959,14.165C7.796,18.774 10.423,19.747 9.042,24.746C7.661,29.746 0.157,31.274 4.969,35.314C9.781,39.354 24.921,37.324 24.921,37.324');
  /*animation: move 3s linear infinite;*/
}

/*@keyframes move {
  100% { 
    motion-offset: 100%;
    offset-distance: 100%;
  }
}*/