*{
    margin: 0;
}
/*body{*/
/*    border: solid blue 2px;*/
/*    padding-right: 10px;*/
/*    !*margin: 10px;*!*/
/*    !*margin: 10px 6px;*!*/
/*    !*margin: 10px 6px 4px;*!*/
/*    margin: 10px 6px 4px 2px;*/

/*}*/
/*p, a{*/
/*    border: solid 2px red;*/
/*    !*margin: 10px;*!*/
/*    padding: 10px;*/
/*    margin-top: 20px;*/
/*}*/

#wrapper{
    border: solid red 4px;
    height: 300vh;
    width: 800px;
    margin: 10px auto;
    /*padding: 10px;*/
    position: relative;
    /*background-image: url("../img/gbc_logo.jpg");*/
    /*background-repeat: repeat-y;*/
    /*background-position: right;*/
    /*background-size: contain;*/
}
.box{
    border: blue solid 2px;
    margin: 15px;
    /*min-height:50px;*/
    /*max-height: 120px;*/
    height: 100px;
    overflow: auto;
}
.box1{
    /*margin: 20px;*/
    background-color: lightpink;
    /*height: 100px;*/
    position: sticky;
    top: 2px;
    border-bottom: dotted red 4px;
    border-style: groove;


}
.box2{
    /*margin: 20px;*/
    background-color:lightblue ;
    /*position: relative;*/
    /*position: absolute;*/
    position: fixed;
    width:200px;

    top: 50px;
    left: 30px;
    /*z-index: -1;*/
}
.box3{
    /*margin: 20px;*/
    background-color: lightgreen;
    box-shadow: -10px -6px 8px purple;
    /*border-radius: 20px;*/
    border-radius: 20px 0;

}
.box4{
    /*margin: 20px;*/
    background-color:lightgoldenrodyellow ;
}