/* made by /powfu! see /resource 4 more templates and awesome code snippets! ✧ദ്ദി( ˶^ᗜ^˶ ) */

:root[data-theme="light"] {
    --color: black;
    --background: white;
}

:root[data-theme="dark"] {
    --color: white;
    --background: black;
}

header.site-header { 
display: flex;
justify-content: center;
}

.text-container {
 box-shadow: rgb(85, 91, 255) 0px 0px 0px 3px, rgb(31, 193, 27) 0px 0px 0px 6px, rgb(255, 217, 19) 0px 0px 0px 9px, rgb(255, 156, 85) 0px 0px 0px 12px, rgb(255, 85, 85) 0px 0px 0px 15px; 
 border-radius: 0px;
  
}

.paste-info, .site-footer {
 display: none; 
}

body {
 background: var(--background); 
}

.text-container {
background: var(--background);  
}

main {
 margin: auto;
 width: 790px;
}

#one {
 width: 250px;
 height: 250px;
 margin: 0px;
 float: left;
 padding: 10px;
 text-align: center;
  overflow: auto;
}


#two {
 border: 1px solid black;
 border-radius: 5px;
 width: 250px;
 height: 250px;
 margin: 0px;
 float: left;
 background-image: url(https://i.postimg.cc/j5qGFNYw/pfp.gif); /* chumbyy on tumblr! */
 background-repeat: no-repeat;
 background-size: 100%;
}

#two2 {
 border-radius: 5px;
 width: 250px;
 height: 250px;
 margin: 0px;
 float: left;
 background-image: url(https://i.postimg.cc/sgNmrhWG/ss.png);
 background-repeat: no-repeat;
 background-size: 100%;
}

#three {

 width: 250px;
 height: 250px;
 margin: 0px;
 margin-left: 500px;
  padding: 10px;
 text-align: center;
  overflow: auto;
}

#four {
 width: 750px;
 height: 250px;
 position: relative;
 margin-top: 250px;
 margin: 0px;
 overflow: hidden;
}

*, a {
 color: var(--color); 
 font-family: kiddos;
}

a {
 text-decoration: underline;
 text-decoration-style: wavy;
}

mark {
background: rgba(197, 197, 197, 0.5);
}

@font-face {
src: url(https://files.catbox.moe/vyd4m6.ttf);
font-family: out;
}

@font-face {
src: url(https://files.catbox.moe/goapkb.ttf);
font-family: kiddos;
}

.button, .button:hover {
 background: none;
  color: var(--color);
}