body{

margin:0;
padding:20px;

font-family:"Lucida Console",monospace;

color:white;

background-image:url("background.jpg");

background-size:cover;

background-position:center;

background-attachment:fixed;

}

/* Layout */

.container{

display:flex;

justify-content:center;

align-items:flex-start;

gap:20px;

margin-top:40px;

}

/* Side Boxes */

.side{

width:180px;

min-height:500px;

background:rgba(0,0,0,.75);

border:2px solid white;

padding:10px;

text-align:center;

}

/* Middle */

.center{

width:520px;

min-height:600px;

background:rgba(0,0,0,.75);

border:2px solid white;

padding:15px;

}

/* Text Box */

textarea{

width:100%;

height:150px;

background:black;

color:white;

border:1px solid white;

resize:none;

font-family:"Lucida Console",monospace;

font-size:14px;

padding:5px;

box-sizing:border-box;

}

/* Button */

button{

margin-top:10px;

padding:6px 12px;

background:black;

color:white;

border:1px solid white;

font-family:"Lucida Console",monospace;

cursor:pointer;

}

button:hover{

background:white;

color:black;

}

/* Creative Sites Box */

.creative{

margin-top:20px;

padding:10px;

border:1px solid white;

background:rgba(255,255,255,.08);

}

/* Creative Header */

input{

width:100%;

background:black;

color:white;

border:1px solid white;

text-align:center;

font-family:"Lucida Console",monospace;

padding:5px;

box-sizing:border-box;

}

/* Links */

a{

color:#73d9ff;

text-decoration:none;

display:block;

margin:4px;

}

a:hover{

color:white;

text-decoration:underline;

}

/* GIFs */

.gif{

width:88px;

margin:5px;

}

/* Clock */

#clock,
#clock2{

font-size:22px;

margin-bottom:15px;

}

/* Paragraph */

p{

line-height:1.5;

}

/* Scrollbar */

::-webkit-scrollbar{

width:10px;

}

::-webkit-scrollbar-track{

background:black;

}

::-webkit-scrollbar-thumb{

background:white;

}

::-webkit-scrollbar-thumb:hover{

background:#999;

}

/* Selection */

::selection{

background:white;

color:black;

}