body {font-family: Silom, Courier New;
      color: #093249;
      background-color: #093249;
      margin: 0;}

h1 {background-color:#758273;
    color:#093249;
    line-height:240%;
    font-family:Silom;
    text-align: center;
    text-decoration: underline;
    text-decoration-color: #A67464;
    padding-left:0.5rem;
    height:72px;
    margin:0;}

nav {background-color:#758273;
     width: 100%;
     overflow: auto;
     border-bottom: 3px solid #A67464;
     font-family: Courier New;}

nav a {color:#FFFFFF;
       float: center;
       font-size: 14px;
       width: 25%;
       text-align: center;
       padding-left:12rem;
       height:72px;}

nav ul {margin:0px;
        padding-left: 0;
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0;
        display:flex;
        flex-flow:row nowrap;}

nav ul li {width:100%;}


header {background-color: #758273;}

.abc {font-size:1.2em;
      color: #A67464;
      font-weight: bold;
      font-family: Courier New;}

main {color:white;
      font-family: Courier New;
      text-align: center;}

.sm {font-family: Silom;
     color:#093249;
     font-weight: bold;}

.lol {text-decoration: underline;}

footer {text-align: center;
        border: 3px solid #A67464;
        color: #FFFFFF;
        background-color: #758273;
        font-family: Courier New;
        }

img {width: 200px;
    padding-left: 1.2rem;}

div {padding-left: 3rem;
     padding-right: 3rem;}

div a {color: white;}

.row {display: flex;}

.column {flex: 33.33%;
         padding: 5px;}

.tc {padding-top: 30px;
     padding-bottom: 30px;}

.chicken {padding-top: 20px;}

.columns {flex: 33.33%;}

.foot {padding: 14px;}


#wrapper {grid-template-columns:  minmax(0px, 1fr) repeat(6, minmax(0, 175px)) minmax(0px, 1fr);}

.container {position: relative;
            text-align: center;
            color: white;
            padding-top: 50px;}

.sqwiggly {font-style: italic;}

.num {text-align: center;
      font-weight: bold;
      color: #758273;}

.forest {position: absolute;
        top: 70%;
        left: 52%;
        transform: translate(-50%, -50%);
        font-family: cursive;}

.paper {position: absolute;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 30px;
        font-family: Indie Flower;
        color:black}

.daisy {position:absolute;
        top: 60%;
        left: 38%;
        transform: translate(-50%, -50%);
        right:40%;
        font-family: Josefin Sans;}

.lefty {position: relative;
        text-align: center;
        color: white;
        padding-top: 50px;
        right:100px;}

.righty {position: relative;
        text-align: center;
        color: white;
        padding-top: 50px;
        left:100px;} 

.coffee {position:absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        right:29%;
        font-family: Bebas Neue;
        color:black;
        font-size: 28px}

.lights {position: absolute;
        top: 35%;
        left: 39%;
        transform: translate(-50%, -50%);
        right: 23%;
        font-size: 25px;}

.ocean {position: absolute;
        top: 54%;
        left: 43%;
        transform: translate(-50%, -50%);
        right: 34%;
        font-family: Roboto Mono;
        color: black;
        font-weight: bold;
        font-size: 19px;}

h2 {padding-top: 2rem;
    font-family: Antonio;
    font-size:35px;}

.fp {padding: 3rem;}

.p1 {width: 300px;
    border: 2px solid #A67464;
    padding: 2rem;
    margin-left: 21rem;
    font-family: Orelega One;
    background-color: #093249}

.p2 {width:100px;
    border: 2px solid #A67464;
    padding: 2rem;
    margin-left: 27rem;
    font-family: cursive;
    background-color: #093249}

.p3 {padding-top: 2rem;
     text-align: center;}

.p4 {width:200px;
    border: 2px solid #A67464;
    padding: 2rem;
    margin-left: 24rem;
    font-family: Roboto Mono;
    font-weight: bold;
    background-color: #093249}

.whole {padding: 3rem;}

.background {font-family: Silom, Courier New;
            color: #093249;
            background-color: #093249;
            margin: 0;
            background-image: url(abc/pexels-laura-meinhardt-3678799.jpg);}

.marg {padding-right: 20rem;
       padding-left: 20rem;
       font-size: 18px;
       border-bottom: 3px dotted #758273;}

.cba {font-family: Silom;
      font-weight: bold;
      color: #A67464;}

.styless {text-align: justify;}

form {display: grid;
      grid-template-rows: auto;
      grid-template-columns: 200px 1fr;
      grid-row-gap: 0.75rem;
      width: 60%;
      margin: auto;
      padding-bottom: 2rem;}

input, text area {font-size: 1rem;
                  padding: 10px;
                  color: #666666;
                  background-color: #fafafa;
                  border-style: none;
                  :focus{outline: none;
                         background-color: #f0f0f0;}}

* {box-sizing:border-box;}

.bottom {border-bottom: 2px dotted #758273;}