*{
    margin: 0;
}

/*p{*/
/*    border: red solid 2px;*/

/*}*/
/*a{*/

/*    border: red solid 2px;*/

/*}*/
body{
    border: solid 8px blue;
    height: 500vh;
    text-align: center;
    /*background-image: url("../img/cat.jpg");*/
    /*background-repeat: no-repeat;*/
    /*background-position: center;*/
    /*background-size:contain;*/
}
#wrapper{
    border: red solid 4px;
    height: 300vh;
    /*width: 800px;*/
    width: 70%;
    text-align: center;
    margin: 0 auto;
    /*position: relative;*/
    /*background-image: url("../img/cat.jpg");*/
    /*background-repeat: no-repeat;*/
    /*background-position: center;*/
    /*background-size:contain;*/

}
.box{
    border: green solid 4px;
    /*border-bottom: green solid 4px;*/
    /*border-width: 10px 8px 5px 2px;*/
    /*border-style: dotted;*/
    border-radius: 20px 20px 0 0;
    padding: 1em;
    /*margin: 1.5em;*/
    /*height: 100px;*/
    /*min-height: 100px;*/
    /*max-height: 100px;*/
    /*overflow: auto;*/
    box-shadow: 8px 8px 12px black;
}
.box1{
    /*border: green solid 4px;*/
    background-color: lightgreen;
    /*margin: 10px;*/
    /*margin: 10px 20px;*/
    /*margin: 10px 20px 5px;*/
    /*margin: 10px 20px 5px 30px;*/
    margin-left: 20px;
    margin-bottom: 10px;
}
.box2{
    /*border: green solid 4px;*/
    /*background-color: lightblue;*/
    background-image: linear-gradient(to bottom,red,white);
    /*position:static;*/
    /*position:relative;*/
    /*position:absolute;*/
    /*position:fixed;*/
    /*position:sticky;*/

    /*top: 0;*/
    /*top: 50px ;*/
    /*left: 50px;*/
    /*bottom: 50px;*/
    /*right: 50px;*/
    /*z-index: -1;*/

}
.box3{
    /*border: green solid 4px;*/
    background-color: lightpink;
}
.box4{
    /*border: green solid 4px;*/
    background-color: lightgoldenrodyellow;
}