Welcome to my Website!

This is a paragraph! Here's how you make a link: Neocities.

Here's how you can make bold and italic text.

Here's how you can add an image:

Here's how to make a list:

First thing
Second thing
Third thing

To learn more HTML/CSS, check out these tutorials!

:root { --dk-color:#bf776b; --mid-color:#f2b1a4; --lt-color:#ffe8e3; --dkest-color:#8e534a; --accent:#226051; } html, body { margin:0; padding-top:25px; padding:0; height:98%; font-family:Verdana; font-size:11px; background-image:url('https://neothemes.neocities.org/images/roses-bg.gif'); background-repeat:repeat; color: #bf776b; } body a { font-weight:bold; color:#226051; } .list li { padding-bottom:5px; } #container { max-width:900px; margin:0 auto; height:auto; background-color:#ffe8e3; margin-top:15px; } h1, h3, h5 { color:#bf776b; } h2, h4, h6 { color:#226051; } #header { max-width:1000px; height:auto; margin:0 auto; background-color:#f2b1a4; border:1px solid #8e534a; } .navbar li a { text-decoration:none; } .navbar ul { list-style-type:none; padding:0; padding-left:20px; padding-right:20px; } .navbar { background-color:#ffe8e3; max-width:1000px; border:1px solid #8e534a; border-bottom:none; border-top:none; padding-top:5px; padding-bottom:5px; text-align:center; } .title { font-size:35px; text-align:center; font-style:italic; color:#8e534a; } .section-title { text-align:center; font-weight:bold; padding-top:5px; padding-bottom:5px; background-color:#f2b1a4; color:#8e534a; font-size:12px; border-bottom:1px solid #8e534a; } .wrapper { display:flex; flex-wrap:wrap; height:auto; width:100%; } #left-sidebar { width:197px; border:1px solid #8e534a; height:100%; border-right:none; background-color:#ffe8e3; } .content { padding:10px; } .main-content { border:1px solid #8e534a; width:700px; height:auto; } p { padding:5px; } p a { color:#8e534a; font-weight:bold; } .scroll::-webkit-scrollbar-track { background-color:#ffe8e3; } .scroll::-webkit-scrollbar { width: 10px; background-color: #f2b1a4; } .scroll::-webkit-scrollbar-thumb { background-color: #bf776b; } .navbar li { position: relative; display:inline-block; } .navbar a { text-decoration:none; display:block; color:#226051; margin-right:15px; transition:0.2s all linear; font-weight:bold; font-size:12px; } .navbar a:hover{ background:#ffe8e3; color:#226051; transition:0.2s all linear; z-index:1; } .navbar li > ul { background:#f2b1a4; display:none; position:absolute; margin-left:0; border:1px solid #8e534a; } .navbar li > ul a { padding-left:0; padding-right:0; padding-top:5px; padding:5px; } .navbar li > ul li{ display:block; } .navbar li:hover > ul{ display:block; } .navbar ul ul ul { position:absolute; left:100%; top:0; } ul.subitems { padding-left:0; padding-right:0; margin-right:0; } ul.subitems li a { margin-right:0; padding-left:10px; padding-right:10px; padding-top:10px; display:block; } #footer { text-align:center; padding-top:5px; margin-bottom:5px; } #footer p { background-color:white; display:block; width:160px; margin:0 auto; margin-top:5px; margin-bottom:5px; padding:5px; } textarea { background-color:#8e534a; color:#ffe8e3; font-size:10px; } .code-wrapper { display:flex; padding-left:10px; } /* COMMENT OUT OR DELETE THE BELOW CODE FOR TWO SIDEBARS */ #right-sidebar { display:none; } /* UNCOMMENT THE BELOW CODE FOR TWO SIDEBARS */ /* .main-content { width:600px; border-right:none; } #right-sidebar { width:197px; border:1px solid #8e534a; } #container { max-width:1000px; } */ /* CHANGE BELOW TO max-width:1000px for TWO SIDEBARS. It is max-width:914px for ONE SIDEBAR */ @media only screen and (max-width: 917px) { #left-sidebar { order:2; width:100%; border-right:1px solid #8e534a; } .main-content { order:1; width:100%; border-bottom:none; border-right:1px solid #8e534a; } .navbar a { padding-bottom:10px; } /* UNCOMMENT THE BELOW CODE FOR TWO SIDEBARS */ /* #right-sidebar { width:100%; order:3; border-top:none; } #container { max-width:1000px; } .main-content { } */ }