body {
        background-image: url(https://upload.wikimedia.org/wikipedia/commons/c/c5/Moraine_Lake_17092005.jpg);
        margin: 0;
        padding: 0;
        font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        
    }
    
    #title {
      color: purple;
      font-family: "Comic Sans MS", cursive, sans-serif;
    }
    
    a {
      color: red;
      font-family: cursive;
       width: 30px;
        margin: 2em auto;
        padding: 0px;
        background-color: cyan;
        border-radius: 1em;
    }
    
    
    #welcome {
      font-family: "Comic Sans MS", cursive, sans-serif;
      color: green;
    }

    #coder {
      width: 75%;
    }
    
    #warning {
     width: 50%; 
    }
    div {
        width: 600px;
        margin: 5em auto;
        padding: 50px;
        background-color: #fff;
        border-radius: 1em;
    }
    a:link, a:visited {
        color: #38488f;
        text-decoration: none;
    }
    @media (max-width: 700px) {
        body {
            background-color: #fff;
        }
        div {
            width: auto;
            margin: 0 auto;
            border-radius: 0;
            padding: 1em;
        }
    }