@import url('https://fonts.googleapis.com/css?family=Alfa+Slab+One');

.o1
{
    font-family: "Alfa Slab One", cursive;
    text-align: left;
    font-size: 40px;
    letter-spacing: 7px;
    word-spacing: 3px;
    color: rgb(0, 255, 47);
    background-color: rgb(255, 255, 255);
    text-shadow: rgb(0, 0, 0) 2px 2px 2px;
}

.o2
{
    font-family: "Alfa Slab One", cursive;
    font-style: italic;
    text-align: left;
    font-size: 18px;
    letter-spacing: 1px;
    color: rgb(255, 187, 0);
    background-color: rgb(255, 255, 255);
    text-shadow: rgb(0, 0, 0) 1px 1px 1px;
}

.o3
{
  font-size: 55px;
  -webkit-text-stroke-width: 2.5px;
  -webkit-text-stroke-color: #038f16;
  -webkit-text-fill-color: #ffffff;
  letter-spacing: 5px;
  font-family: Impact, Charcoal, sans-serif;
  font-style: italic; 
  color: white;
  padding-left: 30px;
}

textarea
{
  padding: 12px 12px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
  font-size: 14px;
  resize: none;
}

input[type=email], select 
{
  width: 325px;
  padding: 12px 12px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: #f8f8f8;
  font-size: 14px;
  font-family: monospace;
}

input[type=submit]
{
  width: 325px;
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 19;
}

input[type=submit]:hover 
{
  background-color: #45a049;
}

.tausta
{
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}

.form_bg
{
  vertical-align: middle;
  border-radius: 20px;
  background-color: #F5F5F5;
  color: green;
  line-height: 200px;
  margin: auto;
  width: 400px;
  height: 250px;
  border: 7px solid white;
  margin-top: 20px;
  padding-top: 20px;
}

.form_bg2
{
  vertical-align: middle;
  border-radius: 20px;
  background-color: #F5F5F5;
  color: green;
  line-height: 200px;
  margin: auto;
  width: 800px;
  height: 680px;
  border: 7px solid white;
  margin-top: 20px;
  padding-top: 20px;
}

.digiopo
{
  font-size: 84px;
  -webkit-text-stroke-width: 3.5px;
  -webkit-text-stroke-color: #ffffff;
  -webkit-text-fill-color: #00e007;
  letter-spacing: 9px;
  font-family: Impact, Charcoal, sans-serif;
  font-style: italic;  
}

.digiopo2
{
  font-size: 70px;
  -webkit-text-stroke-width: 2.5px;
  -webkit-text-stroke-color: #ffffff;
  -webkit-text-fill-color: #00e007;
  letter-spacing: 9px;
  font-family: Impact, Charcoal, sans-serif;
  font-style: italic;  
}

.kirjautuminen
{
  font-size: 19px;
  font-family: monospace;	
}

.lk
{
  width: 225px;
  padding: 12px 12px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: lightgray;
  font-size: 19px;
  font-family: monospace;
}

.lk2
{
  width: 645px;
  padding: 4px 4px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid gray;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: white;
  font-size: 17px;
  font-family: monospace;
}

.lk3
{
  width: 225px;
  padding: 12px 12px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: white;
  font-size: 19px;
  font-family: monospace;
}

.a2
{
  padding: 4px 4px;
  box-sizing: border-box;
  border: 1px solid gray;
  border-radius: 4px;
  background-color: #f8f8f8;
  font-size: 17px;
  resize: none;
  background-color: white;
}

.div_bg
{
  border-radius: 20px; background-color: #F5F5F5; color: red; margin: auto; width: 400px; height: 150px; border: 7px solid white; margin-top: 20px; padding-top: 20px;
}