a{
color:#000;
font-weight: bold;
}
a:hover{
background-color:#fff;
color: #000;
font-size:1.2em;
}
h1{
display:flex;
justify-content:center;
}
body{
display:flex;
justify-content:center;
align-content:center;
background:url("cloud.jpg");
font-family:"TX-02", monospace;
}
.container {
position: relative;
width: 800px;
top: 7em;
border-style: inset;
border-width: 15px;
border-color: #fff;
display: grid;
background-color: #abd9ff;
overflow-wrap: anywhere;
}
.intro{
padding: 10px;
color: #fff;
background-color: #a9cce9;
box-shadow: 0 0 10em #e7f4ff; 
}
details > summary {
padding: 4px;
width: fit-content;
background-color: #fff;
box-shadow: 1px 5px 5px;
border: 1px solid;
cursor: pointer;
}
aside > p{
padding: 1em;
width: fit-content;
box-shadow:inset 0 0 1em #000;
}
.one{
border-left: 5px solid;
background:#cef;
margin: 1em;
padding: 1em;
width: 90%;
}
::selection {
color: #000;
background:#fff;
}
@media (max-width: 680px){
nav ul {
display: flex;
flex-wrap: wrap;
}
#collapse{display: block;}
}
@media (max-width: 484px) {
.container{border-width: 10px;}
}