<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body {
 background-color: #000000;
 background: linear-gradient(var(--gradienttop-1), var(--gradientbottom-1)), var(--bgimage-1);
 background-position: bottom;
 background-repeat: repeat; 
 background-attachment: fixed;
 background-size: 1200px;
}
.content-0 {
 margin : 0 auto; 
 text-align : left; 
 padding : 0px; 
 width: 748px;
 background-color: transparent;
}
:root {
  --bgimage-1: url("https://i.pinimg.com/736x/53/73/5b/53735b8dd9837820a4a63b0bb00f1a3f.jpg"); 
  --gradienttop-1:  rgba(0, 0, 0, 0.5);
  --gradientbottom-1: rgba(0, 0, 0, 9);
  --bgimage-2: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRhRWoRoGS6C1kZ9-8nMGK988sxmrtLbxuRDA&amp;s"); 
  --gradienttop-2:  rgba(0, 0, 0, 0.5);
  --gradientbottom-2: rgba(0, 0, 0, 9);
}
#navigation:before {
 height: 380px; width: 670px;
 display: block; content: ""; 
 background: linear-gradient(var(--gradienttop-2), var(--gradientbottom-2)), var(--bgimage-2);
 background-size: 670px;
 border: 2px solid #000000;
 border-radius: 10px 10px 0px 0px;
}
#navigation {
 width: auto;
 display: block;
}
 #navigation h2 {
  float: left;
  margin: 0;
  width: auto;
}
 #navigation h2 a {
  height: 30px; width: 160px;
  display: block;
  color: #fbeca1; 
  background-color: #000000;
  padding: 4px;	
  text-align: center;
}
 #navigation h2 a:hover {
  color: #fbeca1; 
  background-color: #410807;
  text-decoration : none; 
}
.content-1 {
 width: 370px;
 background-color: #000000;
 border: 4px solid #000000;
 border-radius: 0px 0px 10px 10px;
 float: left;
 text-align: left;
 padding: 10px;
 margin-left: 40px;
}
.comments {
 height: auto; width: 354px;
 border: 2px solid transparent;
}
 .comments .heading {
  height: 50px; width: 349.50px;
  background: url("https://i.postimg.cc/fLdJYvMr/heading-1.jpg");
  background-position: center left;
  background-repeat: no-repeat;
  padding: 2px 7px;
}
 .comments .heading h4 {
  font-size: 15px; 
  font-family: "century";
  text-align: center; 
  color: #fbeca1; 
  margin: 0;
  display: inline-block;
  margin-top: 22px;
  margin-left: 60px;
}
 .comments p {
  font-size: 14px; 
  font-family: "century";
  color: #e1c99c; 
  margin: 0;
  display: inline-block;
}
.layouts-code {
 height: auto; width: 354px;
 border: 2px solid transparent;
}
 .layouts-code .heading {
  height: 50px; width: 349.50px;
  background: url("https://i.postimg.cc/fLdJYvMr/heading-1.jpg");
  background-position: center  left;
  background-repeat: no-repeat;
  padding: 2px 7px;
}
 .layouts-code .heading h4 {
  font-size: 15px; 
  font-family: "century";
  text-align: center; 
  color: #fbeca1; 
  margin: 0;
  display: inline-block;
  margin-top: 22px;
  margin-left: 60px;
}
 .layouts-code h2 {
  font-size: 15px; 
  font-family: "century";
  text-align: center; 
  color: #fbeca1; 
  margin: 0;
  display: inline-block;
}
 .layouts-code strong {
  font-size: 15px; 
  font-family: "century";
  text-align: center; 
  color: #fbeca1; 
  margin: 0;
  display: inline-block;
}
 .layouts-code .layout-screenshot {
  height: auto; width: 360px;
  border: 2px solid #2f0100;
  border-radius: 10px 10px 10px 10px;
}
.layouts-code h3 {
  font-size: 15px; 
  font-family: "century";
  text-align: center; 
  color: #fbeca1; 
  margin: 0;
  display: inline-block;
}
 .layouts-code p {
  font-size: 15px; 
  font-family: "century";
  text-align: center; 
  color: #fbeca1; 
  margin: 0;
  display: inline-block;
}
 .layouts-code textarea {
  height: 100px; width: 360px;
  background-color: #FFFFFF;
  border: 2px solid #2f0100;
  border-radius: 10px 0px 0px 10px;
}
::-webkit-scrollbar {
 width: 20px;
}
::-webkit-scrollbar:horizontal {
 height: 15px;
}
::-webkit-scrollbar-corner {
 background: #eee;
}
::-webkit-scrollbar-track:vertical {
 background: linear-gradient(90deg, #e5e5e5, #f0f0f0 20%);
}
::-webkit-scrollbar-track:horizontal {
 background: linear-gradient(180deg, #e5e5e5, #f0f0f0 20%);
}
::-webkit-scrollbar-thumb {
 border: 1.5px solid #888;
 border-radius: 3px;
 box-shadow: inset 0 -1px 1px #fff, inset 0 1px 1px #fff;
 background-color: #eee;
}
::-webkit-scrollbar-thumb:vertical {
background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAIAAADpZ+PpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADrSURBVChTTc5LboJQGAXguyoCu4ERCzAGlRk7UOwGWIDh0s4M4kxb06RSq/jAB6AxJkJ4lTDrue3AnvyzP+fLId+/yfM8juP7PQmCCOf7B3e+ZD+O40RRVFW12VQUpd3r9U3T2m4OpKoqWZYNwzBZLEqfh0N7NnvfrPcEWlEUWZb9mWF4Ph6D0ylcLbfM5HkeJrhGA2hb15/QXnv+w7RYXsDatjOdvnmrHSnLEizMNE2v11sUXQBCnn98kbquBUGQJAlmq9WB2e3qg4HJdqKkaRql1HGc0WgMcDJ5dd0F24kediZJ8t/ELT69H+8py0CYSIO5AAAAAElFTkSuQmCC") no-repeat 50%, linear-gradient(90deg, #eee 45%, #ddd 0, #bbb)
}
::-webkit-scrollbar-thumb:horizontal {
background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADcSURBVChTNZBLqoUwEEQrURQUxZGCvy24ACfiityJi7tv8GauQoPxk5tquA2RQ9vVVYk6z9NZaxFFEe77htYazjk8z4MwDIVZ+rourOuKaZrwvi+WZcE8z1BKCbPPCjk4DAO2bRP1OI7wLiL6Mbd7J408z1GWpQwWRYGqqiQG+03TgMu0MacfUN4qANmn8UOv9MjW3sKaSm7iIdOSlziOQ3LScd93aPonSYK6riVLlmVo21aYfVqzND9pmqLrOlGT+76XbcxLZkb19/l3fEP+oF0cx8KMEASBsDEGX2/CgZCHkg+8AAAAAElFTkSuQmCC") no-repeat 50%, linear-gradient(180deg, #eee 45%, #ddd 0, #bbb)
}
.content-2 {
 width: 207px;
 background-color: #000000;
 border: 4px solid #000000;
 border-radius: 0px 0px 10px 10px;
 float: right;
 padding: 10px;
 margin-right: 36px;
}
 .content-2 h1 {
  font-size: 15px; 
  font-family: "century";
  text-align: center; 
  color: #fbeca1; 
  margin: 0;
  display: inline-block;
}
.profile-photo {
 height: 200px; width: 200px;
 border: 2px solid #2f0100;
 border-radius: 10px 10px 10px 10px;
}
 .profile-photo-pic {
  height: 200px; width: 200px;
  border: 2px solid #2f0100;
  border-radius: 10px 10px 10px 10px;
}
.contacting {
 height: auto; width: 200px;
 border: 2px solid transparent;
}
  a.contacting-links:link, a.contacting-links:visited, a.contacting-links:active { 
  display : block;
  color: #fbeca1; 
  background-color: #2f0100;
  padding: 4px;	
  text-align:center;
  margin: 3px;
  font: 12px/24px georgia;
  text-decoration : none; 
} 
  a.contacting-links:hover { 
  color: #fbeca1; 
  background-color: #410807;
  text-decoration : none; 
}
 .contacting .heading {
  height: 50px; width: 200px;
  background: url("https://i.postimg.cc/RVp4VHB6/heading-2.jpg");
  background-position: left;
  background-repeat: no-repeat;
  padding: 2px 7px;
}
 .contacting .heading h4 {
  font-size: 15px; 
  font-family: "century";
  text-align: center; 
  color: #fbeca1; 
  margin: 0;
  display: inline-block;
  margin-top: 22px;
  margin-left: 60px;
}
.url {
 height: auto; width: 200px;
 border: 2px solid transparent;
}
 .url .heading {
  height: 50px; width: 200px;
  background: url("https://i.postimg.cc/RVp4VHB6/heading-2.jpg");
  background-position: left; 
  background-repeat: no-repeat;
  padding: 2px 7px;
}
 .url .heading h4 {
  font-size: 15px; 
  font-family: "century";
  text-align: center; 
  color: #fbeca1; 
  margin: 0;
  display: inline-block;
  margin-top: 22px;
  margin-left: 60px;
}
 .url p {
  font-size: 15px; 
  font-family: "century";
  text-align: center; 
  color: #fbeca1; 
  margin: 0;
  display: inline-block;
}
 .url b {
  font-size: 15px; 
  font-family: "century";
  text-align: center; 
  color: #fbeca1; 
  margin: 0;
  display: inline-block;
}</pre></body></html>