@import url('https://fonts.googleapis.com/css2?family=Sour+Gummy:ital,wght@0,100..900;1,100..900&display=swap');

body{
    background-image: url(quadros.jpg);
    background-size: cover;
}
#container{
    margin: 0 auto;
    width: 960px;
    font-family: 'Sour Gummy';
    font-weight: bold;
}
h1{
    text-align: center;
    font-size: 110px;
    color: rgb(133, 77, 31);
}
h2{
    text-align: center;
    font-size: 30px;
    color: rgb(133, 77, 31);

}
h3{
    font-size: 25px;
    color: rgb(133, 77, 31);

}
p{
    font-size: 20px;
    color: rgb(0, 0, 0);
    text-align:left
}
.sidebar {
    max-width: 960px;
    margin-left: 0; 
}
.sidebar .wrapper {
    display: flex;
    justify-content: flex-start;
    gap: 30px; 
}
.design-selection,
.design-archives,
.design-resources {
    flex: 1; 
    padding: 10px;
    box-sizing: border-box;
}
a{
    color: rgb(133, 77, 31);
}
#container.page-wrapper {
    width: 980px;
    margin: 15px auto;
    background-color: #e9dbb6;
    box-shadow: 25px 25px 10px rgba(0, 0, 0, 0.4);
    border: 15px solid sienna;
    padding: 10px;
    outline: 7px solid saddlebrown;
    background-image: repeating-linear-gradient(
        to right,
        #ddaf81,
        #d6b699 1px,
        rgba(0, 0, 0, 0.04) 2px,
        rgba(0, 0, 0, 0.04) 1px
    );
}