/* Basic style - to all elements on the page */

body {
    background-color: #EAF6FF;
    font-style: normal;
    font-family: Helvetica;
}

.content-box{
border: 2px solid #000000;
margin-right: 20px;
padding-left: 20px;
padding-right:20px;
}

h1 {
text-align: center;
font-family: Helvetica;
margin-top: 200px;
}

.logo-box{
  float: right;
  text-align: center;
}

.logo{
  max-width: 50px;
  max-height: 50px;
}

.caption-logo{
  font-size: 5px;
}



.kuva{
    border:50px solid rgb(255, 255, 255);
    max-width: 200px;
    max-height: 200px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

.caption-title{
  text-align: center;
  font-size: 12px;
  margin-bottom: 50px;
}

.flex-container{
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}

.flex-item{
  flex: 1;
  margin: 5px;
}

.button-14 {
  background-image: linear-gradient(#f7f8fa ,#e7e9ec);
  border-color: #adb1b8 #a2a6ac #8d9096;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  box-shadow: rgba(255,255,255,.6) 0 1px 0 inset;
  box-sizing: border-box;
  color: #0f1111;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",Arial,sans-serif;
  font-size: 8px;
  height: 20px;
  font-size: 8px;
  outline: 0;
  overflow: hidden;
  padding: 0 11px;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
  display: flex;
  justify-content: center;
}

.button-14:active {
  border-bottom-color: #a2a6ac;
}

.button-14:active:hover {
  border-bottom-color: #a2a6ac;
}

.button-14:hover {
  border-color: #a2a6ac #979aa1 #82858a;
}

.button-14:focus {
  border-color: #e77600;
  box-shadow: rgba(228, 121, 17, .5) 0 0 3px 2px;
  outline: 0;
}

h4{
  padding-top:100px;
}

h3{
  padding-top:100px;
}

ul{
list-style-position: inside;
border: 1px solid #000000;
margin-right: 20px;
padding-left: 20px;
padding-right:20px;
padding-bottom: 20px;
padding-top: 20px;
}

.list.experience{
border: 2px solid #000000;
margin-right: 20px;
padding-left: 20px;
padding-right:20px;
padding-bottom: 30px;
}

th, td{
border: 1px solid;
padding: 10px;
}

footer{
  padding-top: 50px;
  text-align: center;
  font-size: 10px;
}

@media (max-width: 768px) {
  
}