*{
    border-radius:0.5em;
}
*:focus {
    outline:none;
}
button:hover,input:hover {
    opacity:0.9;
}
body{
    background-color:#e3e5e8;
}
summary{
    margin:1em;
    padding:0.25em 0.5em;   
    cursor:pointer;
    width:25%;
    background-color:#edf6fa;
}

iframe{
    margin:1em;
    cursor:pointer;
    width:25%;
    height:15%;
}
details > div {
  /*border:1px solid grey;*/
  background-color: #eeeeee;
  padding: 1em;
  /*box-shadow: 1px 1px 1px #bbbbbb;*/
}
.header{
    padding:0.5em 2em;
    margin:0.5em;
    background-color:#4287f5;
    color:white;
    align-content:center;
    text-align: center;         
}
button{
    padding:0.5em 1em;
    margin:1em;
    cursor:pointer;
}
.center {
  border:none;
  margin:auto auto;
  margin-left:2em;
  width:10em;
}

a{
    width:100%;
}


@media only screen and (max-width: 600px) {
  body {
    background-color: lightblue;
  }
  summary{
    margin:1em;   
    cursor:pointer;
    width:auto;
    background-color:#edf6fa;
    padding:0.25em 0.5em;
}
.center {
  border:none;
  margin:0.25em;
  width:auto;
}
}