Thanks for your interest in my CSS!! Here it is if you want it:
body {
background-color: #ffeecc;
text-align:center;
margin-top:10%;
margin-left:5%;
margin-right:5%;
margin-bottom:10%;
}
.header{
}
.header img{
border-radius:25px;
max-width:75%;
}
.wrapper{
display:flex;
flex-direction:row;
justify-content: center;
max-width:100%;
}
.verticalwrapper{
display:flex;
flex-direction:column;
align-items:center;
}
.contentbox{
border: 5px solid powderblue;
border-radius: 25px;
box-shadow: 10px 10px #cc6600;
text-align: center;
padding: 20px;
background-color: #ffffe6;
width:85%;
}
.gallery{
display:flex;
flex-direction:column;
align-items:center;
}
.gallery img{
width:100%;
}
.polaroid {
width: 80%;
background-color: white;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
margin-bottom: 25px;
}
.polaroidcaption {
text-align: center;
padding: 10px 20px;
}
.navbar{
list-style-type: none;
margin-right:2%;
padding: 0;
width:max-content;
background-color: #cc6600;
border: 1px solid black;
border-radius: 12px;
height:min-content;
top:5%;
position:-webkit-sticky;
position:sticky;
}
.navbar li a {
display: block;
font-size:12px;
font-family: "Poetsen One", sans-serif;
font-weight: 400;
font-style: normal;
color: #fff0bf;
padding: 1em 0.8em;
text-decoration: none;
}
.navbar li a:hover {
border-radius:12px;
background-color:#fff0bf;
color:#cc6600;
}
.verticalwrappernav{
margin-right: 5px;
display:flex;
flex-direction:column;
align-items:center;
}
.code{
margin:auto;
background-color:#2a2b2b;
font-family:Courier New;
color: white;
border: 8px solid #cc6600;
max-width:75%;
overflow: scroll;
}
@media only screen and (min-width: 768px){
.navbar {
border: 4px solid black;
border-radius: 25px;
margin: 0;
}
.navbar li a {
font-size: 20px;
padding: 0.5em 1em;
}
.navbar li a:hover {
border-radius:25px;
}
.contentbox{
border: 10px solid powderblue;
}
.verticalwrappernav{
margin-right: 25px;
}
}
