:root {
	/*Colors*/
	/* CSS HEX */
	--main: #F6FFFF;
	--raahvid: #e8e8e8ff;
	--lysegraa: #dcdcdcff;
	--tyrkis: #3CA4A4;
	--morketyrkis: #2A8282;
	--mellemtyrkis: #097373;
	--headfarve: #B5D5D4;
	--blysort: #313333;
	--mellemsort: #111111ff;
	--black: #000000ff;

	/* fonte */

	--over: input-serif, serif;
	--brod1: "oswald", sans-serif;

	--overny: cheap-pine, sans-serif;
	--overny2: cheap-pine-shadow, sans-serif;
	/*cheap-pine-sans, sans-serif;*/
}

/*_____ Section 1_____start_____*/


.sectionetmu{
    position: relative;
}


.wrapperportfolie {
    position: absolute;
    width: 40vw;
    height: 2vw;
    margin-top: 13vw;
    margin-left: 12vw;
    display: inline-block;
    z-index: 7;
    
  }
  
  .typingtextportfolie{
    width: 31.9vw;
    animation: typing 2s steps(15), blink .5s step-end infinite alternate;
    white-space: nowrap;
    overflow: hidden;
    border-right: 3px solid;
    font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;
    font-weight: 400;
    font-size: 2.5vw;
    
      
  }
  
  @keyframes typing {
    from {
      width: 0
    }
  }
      
  @keyframes blink {
    50% {
      border-color: transparent
    }
  }


.wrapperportfolieto {
    position: absolute;
    height: 2vw;
    margin-top: 18vw;
    margin-left: 63vw;
    display: inline-block;
    z-index: 7;
  }
  
  .typingtextportfolieto{
    width: 27.6vw;
    animation: typing 1.5s steps(18), blink .5s step-end infinite alternate;
    white-space: nowrap;
    overflow: hidden;
    border-right: 3px solid;
    font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;
    font-weight: 400;
    font-size: 2.5vw;
      
  }
  
  .wrapperportfolietre {
    position: absolute;
    height: 2vw;
    margin-top: 20.8vw;
    margin-left: 63vw;
    display: inline-block;
    z-index: 7;
  }
  
  .typingtextportfolietre{
    width: 21.6vw;
    animation: typing 2s steps(14), blink .5s step-end infinite alternate;
    white-space: nowrap;
    overflow: hidden;
    border-right: 3px solid;
    font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;
    font-weight: 400;
    font-size: 2.5vw;
      
  }

  .wrapperportfoliefire {
    position: absolute;
    height: 2vw;
    margin-top: 37vw;
    margin-left: 16vw;
    display: inline-block;
    z-index: 7;
  }
  
  .typingtextportfoliefire{
    width: 22vw;
    animation: typing 2s steps(14), blink .5s step-end infinite alternate;
    white-space: nowrap;
    overflow: hidden;
    border-right: 3px solid;
    font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;
    font-weight: 400;
    font-size: 1.7vw;
      
  }

  .wrapperportfoliefem {
    position: absolute;
    height: 2vw;
    margin-top: 39vw;
    margin-left: 16.1vw;
    display: inline-block;
    z-index: 7;
  }
  
  .typingtextportfoliefem{
    width: 14.6vw;
    animation: typing 2s steps(14), blink .5s step-end infinite alternate;
    white-space: nowrap;
    overflow: hidden;
    border-right: 3px solid;
    font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;
    font-weight: 400;
    font-size: 1.7vw;
      
  }

  .wrapperportfolieseks {
    position: absolute;
    height: 2vw;
    margin-top: 46vw;
    margin-left: 59.8vw;
    display: inline-block;
    z-index: 7;
  }
  
  .typingtextportfolieseks{
    width: 18.7vw;
    animation: typing 2s steps(14), blink .5s step-end infinite alternate;
    white-space: nowrap;
    overflow: hidden;
    border-right: 3px solid;
    font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;
    font-weight: 400;
    font-size: 1.7vw;
      
  }

  .wrapperportfoliesyv{
    position: absolute;
    height: 2vw;
    margin-top: 48vw;
    margin-left: 59.8vw;
    display: inline-block;
    z-index: 7;
  }
  
  .typingtextportfoliesyv{
    width: 15.7vw;
    animation: typing 2s steps(14), blink .5s step-end infinite alternate;
    white-space: nowrap;
    overflow: hidden;
    border-right: 3px solid;
    font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;
    font-weight: 400;
    font-size: 1.7vw;
      
  }

  .wrapperportfolieotte{
    position: absolute;
    height: 2vw;
    margin-top: 61vw;
    margin-left: 44vw;
    display: inline-block;
    z-index: 7;
  }
  
  .typingtextportfolieotte{
    width: 12.4vw;
    animation: typing 2s steps(14), blink .5s step-end infinite alternate;
    white-space: nowrap;
    overflow: hidden;
    border-right: 3px solid;
    font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;
    font-weight: 400;
    font-size: 1.7vw;
      
  }


  .picturemig2 {
    margin-top: 11vw;
    position: absolute;
    z-index: 3;
    
  }

  #migpicture2 {
    width: 39vw;
    margin-left: 32vw;
  }

  #pil {
    margin-top: 65vw;
    margin-left: 46.5vw;
    position: absolute;
    width: 7vw;
    animation: pilned 2s ease infinite;
  }

    @keyframes pilned  {
        0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
        40% {transform: translateY(-1.8vw);}
        60% {transform: translateY(-0.8vw);}
  }

/*_____ Section 1_____slut_____*/

/*_____ Section 2_____start_____webdesign_____*/



.sectionto {
    position: relative;
}

#prikkerbag1 {
    position: absolute;
    width: 36vw;
    margin-top: 83vw;
    margin-left: 13vw;

    animation: pulse 4s linear infinite;
    opacity: 0.4;
}

@-webkit-keyframes "pulse" {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
       -webkit-transform: scale(0.5);
       transform: scale(0.5);
    }
    100% {
        -webkit-transform: scale(1);
       transform: scale(1);
    }
    }


#webdesignsvg {
    position: absolute;
    width: 30vw;
    margin-top: 85vw;
    margin-left: 15vw;
}


#webdesigntext{
    position: absolute;
	font-family: var(--brod1);
	font-weight: 400;
	font-style: normal;
    font-size: 4.5vw;
	padding-bottom: 1vw;
    margin-top: 88vw;;
	margin-left: 51vw;
    letter-spacing: 0.7vw;
    text-transform: uppercase;
	

	color: transparent;
	background: #3CA4A4;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	text-shadow: 0px 4px 4px rgba(255, 255, 255, 0.53);
}

.webdesignptext{
	width: 34vw;
    position: absolute;
    margin-top: 96vw;;
	margin-left: 51vw;
	font-size: 1.75vw;
	color: var(--blysort);

	font-family: "futura-pt", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	word-spacing: normal;
}

.button1 img {
   width: 28vw;
   height: 5vw;
   margin-top: 107vw;;
   margin-left: 51vw;
   position: absolute;

}

.webdesignbutton{
    padding: 1.5vw 2vw;
    position: absolute;
    margin-top: 107vw;;
	margin-left: 51vw;
	font-size: 1.5vw;
    width: 28vw;
    height: 5vw;
    text-align: center;
    color: var(--tyrkis);

    font-family: "futura-pt", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	word-spacing: normal;
    text-decoration: none;
}

.button1 a:hover {
    width: 28vw;
    height: 4.7vw;
    padding-top: 1.5vw;
    padding-bottom: 1.5vw;
    border-radius: 100vw; 
    border-color: var(--tyrkis);
    background-color: var(--tyrkis);
   
    color: #F6FFFF;
    box-shadow: 2px 9px 16px #09737333;
  transition: all 0.3s ease 0s;
    
}

/*_____ Section 2_____slut____webdesign_____*/


/*_____ Section 3_____start_____digitaldesign_____*/


#prikkerbag2 {
    position: absolute;
    width: 36vw;
    margin-top: 125vw;
    margin-left: 52vw;

    animation: pulse 4s linear infinite;
    opacity: 0.4;
}

@-webkit-keyframes "pulse" {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1), rotate(90deg);
        
    }
    50% {
       -webkit-transform: scale(0.5);
       transform: scale(0.5), rotate(0deg);;
    }
    100% {
        -webkit-transform: scale(1);
       transform: scale(1),rotate(90deg);
    }
    }


#designsvg {
    position: absolute;
    width: 30vw;
    margin-top: 127vw;
    margin-left: 54vw;
}


#designtext{
    position: absolute;
	font-family: var(--brod1);
	font-weight: 400;
	font-style: normal;
    font-size: 4vw;
	padding-bottom: 1vw;
    margin-top: 131vw;;
	margin-left: 13vw;
    letter-spacing: 0.7vw;
    text-transform: uppercase;
	

	color: transparent;
	background: #3CA4A4;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	text-shadow: 0px 4px 4px rgba(255, 255, 255, 0.53);
}

.designptext{
	width: 34vw;
    position: absolute;
    margin-top: 138.5vw;
	margin-left: 13vw;
	font-size: 1.75vw;
	color: var(--blysort);
    text-align: right;

	font-family: "futura-pt", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	word-spacing: normal;
}

.button2 img {
   width: 28vw;
   height: 5vw;
   margin-top: 147.5vw;;
   margin-left: 20vw;
   position: absolute;

}

.designbutton{
    padding: 1.5vw 2vw;
    position: absolute;
    margin-top: 147.5vw;;
	margin-left: 20vw;
	font-size: 1.5vw;
    width: 28vw;
    height: 5vw;
    text-align: center;
    color: var(--tyrkis);

    font-family: "futura-pt", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	word-spacing: normal;
    text-decoration: none;
}

.button2 a:hover {
    width: 28vw;
    height: 4.7vw;
    padding-top: 1.5vw;
    padding-bottom: 1.5vw;
    border-radius: 100vw; 
    border-color: var(--tyrkis);
    background-color: var(--tyrkis);
   
    color: #F6FFFF;
    box-shadow: 2px 9px 16px #09737333;
  transition: all 0.3s ease 0s;
    
}

/*_____ Section 3_____slut_____digitaldesign_____*/


/*_____ Section 4_____start____kamera______*/

#prikkerbag3 {
    position: absolute;
    width: 36vw;
    margin-top: 166.5vw;
    margin-left: 13vw;

    animation: pulse 4s linear infinite;
    opacity: 0.4;
}

@-webkit-keyframes "pulse" {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
       -webkit-transform: scale(0.5);
       transform: scale(0.5);
    }
    100% {
        -webkit-transform: scale(1);
       transform: scale(1);
    }
    }


#kamerasvg {
    position: absolute;
    width: 30vw;
    margin-top: 168vw;
    margin-left: 15vw;
}


#kameratext{
    position: absolute;
	font-family: var(--brod1);
	font-weight: 400;
	font-style: normal;
    font-size: 4.5vw;
	padding-bottom: 1vw;
    margin-top: 172vw;;
	margin-left: 51vw;
    letter-spacing: 0.7vw;
    text-transform: uppercase;
	

	color: transparent;
	background: #3CA4A4;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	text-shadow: 0px 4px 4px rgba(255, 255, 255, 0.53);
}

.kameraptext{
	width: 34vw;
    position: absolute;
    margin-top: 180vw;;
	margin-left: 51vw;
	font-size: 1.75vw;
	color: var(--blysort);

	font-family: "futura-pt", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	word-spacing: normal;
}

.button3 img {
   width: 28vw;
   height: 5vw;
   margin-top: 189.5vw;;
   margin-left: 51vw;
   position: absolute;

}

.kamerabutton{
    padding: 1.5vw 2vw;
    position: absolute;
    margin-top: 189.5vw;;
	margin-left: 51vw;
	font-size: 1.5vw;
    width: 28vw;
    height: 5vw;
    text-align: center;
    color: var(--tyrkis);

    font-family: "futura-pt", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	word-spacing: normal;
    text-decoration: none;
}

.button3 a:hover {
    width: 28vw;
    height: 4.7vw;
    padding-top: 1.5vw;
    padding-bottom: 1.5vw;
    border-radius: 100vw; 
    border-color: var(--tyrkis);
    background-color: var(--tyrkis);
   
    color: #F6FFFF;
    box-shadow: 2px 9px 16px #09737333;
  transition: all 0.3s ease 0s;
    
}
/*_____ Section 4_____slut_____Kamera____*/


/*_____ Section 5_____start_____tegne____*/


#prikkerbag4 {
    position: absolute;
    width: 36vw;
    margin-top: 209.5vw;
    margin-left: 52vw;

    animation: pulse 4s linear infinite;
    opacity: 0.4;
}

@-webkit-keyframes "pulse" {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1), rotate(90deg);
        
    }
    50% {
       -webkit-transform: scale(0.5);
       transform: scale(0.5), rotate(0deg);;
    }
    100% {
        -webkit-transform: scale(1);
       transform: scale(1),rotate(90deg);
    }
    }


#tegnesvg {
    position: absolute;
    width: 30vw;
    margin-top: 212vw;
    margin-left: 54vw;
}


#tegnetext{
    position: absolute;
	font-family: var(--brod1);
	font-weight: 400;
	font-style: normal;
    font-size: 4vw;
	padding-bottom: 1vw;
    margin-top: 216vw;;
	margin-left: 24.5vw;
    letter-spacing: 0.7vw;
    text-transform: uppercase;
	text-align: right;

	color: transparent;
	background: #3CA4A4;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	text-shadow: 0px 4px 4px rgba(255, 255, 255, 0.53);
}

.tegneptext{
	width: 34vw;
    position: absolute;
    margin-top: 223.5vw;
	margin-left: 13vw;
	font-size: 1.75vw;
	color: var(--blysort);
    text-align: right;

	font-family: "futura-pt", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	word-spacing: normal;
}

.button4 img {
   width: 28vw;
   height: 5vw;
   margin-top: 233.3vw;;
   margin-left: 20vw;
   position: absolute;

}

.tegnebutton{
    padding: 1.5vw 2vw;
    position: absolute;
    margin-top: 233.3vw;;
	margin-left: 20vw;
	font-size: 1.5vw;
    width: 28vw;
    height: 5vw;
    text-align: center;
    color: var(--tyrkis);

    font-family: "futura-pt", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	word-spacing: normal;
    text-decoration: none;
}

.button4 a:hover {
    width: 28vw;
    height: 4.7vw;
    padding-top: 1.5vw;
    padding-bottom: 1.5vw;
    border-radius: 100vw; 
    border-color: var(--tyrkis);
    background-color: var(--tyrkis);
   
    color: #F6FFFF;
    box-shadow: 2px 9px 16px #09737333;
  transition: all 0.3s ease 0s;
    
}

/*_____ Section 3_____slut_____digitaldesign_____*/

/*________ Futter Start__________*/


  footer {
    width: 100%;
    height: auto;
    bottom: 0;
    
    padding-left: 6vw;
    
  }

  .futter3 {
    position: relative;
    margin-top: 265vw; /*Skub futter op og ned så det passer*/
  }


    .futter3 img {
	position: absolute;
    }

/*________ Futter ____Slut_________*/