@font-face {font-family: roboto;src: url(assets/fonts/roboto/Roboto-Regular.ttf);}
@font-face {font-family: robotoLight;src: url(assets/fonts/roboto/Roboto-Light.ttf);}
@font-face {font-family: geometos;src: url(assets/fonts/geometos/Geometos.ttf);}
@font-face {font-family: openSans;src: url(assets/fonts/openSans/OpenSans-Regular.ttf);}
@font-face {font-family: digital;src: url(assets/fonts/digitalDisgust/getdigital.ttf);}

main{
	width:500px;
	margin:0 auto;
}
h1{
	font-family: robotoLight;
}

/*HÃ©rna koma stÃ½lar eingÃ¶gnu fyrir formiÃ°*/
.form-input{
	display: block;
	width:96%;
	border:0;
	font-size: 1.5em;
	background-color: #0DA45D;
	color:white;
	font-family: robotoLight;
}
.form-input:focus{
	outline: 0;
}
.formContainer{
	width:800px;
	margin: 5% auto;
}
#go{
	display: block;
	border:0;
	font-size: 1.5em;
	background-color: #0DA45D;
	padding:2%;
	color:white;
	font-family: robotoLight;
}
#go:hover{
	background-color: #058045;
}
#go:focus{
	outline: 0;
}
#go:active{
	background-color: #006434;
}
/*StÃ½lar sem sjÃ¡ um aÃ° breyta litnum Ã¡ placeholder texta*/
::-webkit-input-placeholder {
   color: #DCDCDC;
}

:-moz-placeholder { /* Firefox 18- */
   color: #DCDCDC;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #DCDCDC;  
}

:-ms-input-placeholder {  
   color: #DCDCDC;  
}
/*Custom radio buttons eru versta krabbameiniÃ°*/
input[type="radio"] {
  display: none;
}
/*Hide-a alla radio takka*/
input[type="radio"] + label {
  font-family: robotoLight;
  font-size: 1.5em;
}
/*stÃ½lar fyrir labels Ã¡ radio tÃ¶kkum*/
input[type="radio"] + label span {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
}
/*FÃ¦ri span tagiÃ° yfir radio takkan*/
input[type="radio"] + label span {
  background-color: #DCDCDC;
}
/*stilli default bakrunnslit Ã¡ radio tÃ¶kkum*/
input[type="radio"]:checked + label span {
  background-color: white;
  color:white;
}
/*Stilli stÃ½la Ã¡ cheked radio takka*/

/*Ãžetta eru meiri stÃ½lar fyrir radiotakka*/
.labelControl{
	display: inline-block;
	color:#DCDCDC;
	vertical-align: middle;
	/*padding-top: 3px;*/
}
.radioContainerContainer{
	display: block;
	width:96%;
	border:0;
	font-size: 1em;
	background-color: #0DA45D;
	padding:2%;
	color:white;
	font-family: robotoLight;
	display: flex;
	justify-content:space-around;
}
.radioContainer{
	display: inline-block;
}

/*HÃ©r eru sÃ©r stÃ½lar fyrir efni Ã¡ sÃ­Ã°uni*/
.contentContainer{
	width:800px;
	margin:2% auto 0;
	font-family: openSans;
	font-size: 1.2em;
	line-height: 1.5em;
}
.contentContainer p {
    margin-top: 10px;
}
.important{
	color: #333;
	/*font-style: italic;*/
	/*text-decoration: underline;*/
}

