/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */
body {
  background-color:#1c659fff;
  background-image:url(imagess/brilll.png);
  background-size:auto;
  background-repeat: no-repeat;
  background-attachment: fixed;
  font-family: monospace;
  font-size: x-large;
  color: #000000;
  text-align:center;
}
a {
  color: #000000;
  font-size: 30px;
}
a:hover {
  background-color: rgba(151, 127, 171, 0.95);
  border-radius: 25px;
  padding: 5px;
}
h1 {
  background-color:rgba(240, 248, 255, 0.5);
  border-radius:25px;
  border:dotted;
  border-block-end-width: thick;
  border-block-start-width: thick;
  padding:10px;
  width:fit-content;
  margin:auto;
  margin-top:20px;
  margin-bottom:20px;
}
.myheaders {
  display:grid;
  grid-template-columns: 35% 13% 1%;
  background-color:transparent;
}
nav {
  font-size:28px;
}
ul {
  list-style-type: none;
  background-color:rgba(240, 248, 255, 0.5);
  width:342px;
  padding:0;
  border-radius: 25px;
  border:dotted;
  margin:auto;
  margin-top:12px;
}
li a {
  display:block;
  padding:9px;
  color:#000000;
}
div {
  width: 650px;
  background-color: rgba(0, 0, 0, 0.41);
  border-radius:25px;
}
.linkreturn {
  background-color:rgba(240, 248, 255, 0.5);
  margin:auto;
  margin-top:21px;
  margin-bottom:-20px;
  width:fit-content;
  border:dotted;
  padding:10px;
}
img {
  width:580px;
  height:580px;
  padding:20px;
  margin-left:-292px;
}
p {
  float:left;
  margin-left:19px;
  font-size:27px;
  margin-top:65px;
  background-color:#1c659fff;
  border-radius: 25px;
  padding:10px; 
}
pre {
  float:right;
  margin-top:-589px;
  margin-right:22px;
  color:#00020eff;
  text-align:center;
  font-size:28px;
}
iframe {
  width:500px;
  height:300px;
}
#statuscafe {
    padding: 0.1em;
    background-color: rgba(209, 209, 236, 0.43);
    border: 1px solid midnightblue;
    width:500px;
    margin:auto;
    margin-top:16px;
    margin-bottom:20px;
}
#statuscafe-username {
    margin-bottom: 5em;
    width:fit-content;
    margin:auto;
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
}
#statuscafe-content {
    margin: 0 1em 0.5em 1em;
    width: fit-content;
    background-color:transparent;
    padding:8px;
}

img {
  max-width:100%;height:auto;
}