*{
    margin: 0;
}


/*p, a{*/
/*    border:solid red 2px;*/
/*    !*margin: 10px;*!*/
/*    margin: 10px 8px 6px 4px;*/
/*    border-width: 10px 8px 4px 2px;*/
/*    padding-left: 10px;*/
/*    height:100px;*/
/*    width:300px;*/
/*}*/
body{
    border: 4px solid blue;
    /*margin: 10px;*/
    padding: 10px;
    /*background-color: purple;*/
    height: 500vh;
    background-image: linear-gradient(to top, red, white);
}

#wrapper{
    border: red 4px solid;
    height: 200vh;
    width: 800px;
    /*margin: 0 100px;*/
    margin: 0 auto;
    /*position: relative;*/
    border-style: dotted;
    border-right-style: solid;
    /*background-color: tan;*/
    /*background-image: url("../img/gbc_logo.jpg");*/
    /*background-repeat: no-repeat;*/
    /*!*background-position: center;*!*/
    /*background-size: contain;*/
}
.box{
    border: 4px blue solid;
    padding: 1em;
    margin: 1.5em;
    /*min-height: 100px;*/
    max-height: 100px;
    overflow: auto;

}
.box1{
    background-color: lightblue ;
    position: sticky;
    top: 0;
}
.box2{
    background-color: lightgreen;
    /*position: relative;*/
    /*position: absolute;*/
    /*position: fixed;*/

    /*bottom: 50px;*/
    /*right: 50px;*/
    /*z-index: -1;*/
}
.box3{
    background-color: lightpink ;
    box-shadow: -8px -8px 18px black;
    border-radius: 10px 0 6px 6px;
}
.box4{
    background-color: lightgoldenrodyellow;
}