style.css

body{
    width: 325px;
    height: 1360px;
    background-color: hsl(0, 0%, 98%);

}
#main-box{
    width: 325px;
    margin-top: 50px;
}
.box{
    width: 325px;
    margin: 25px;
}
#p1, .box p{
    font-size: x-large;
    color: hsl(229, 6%, 66%);
}
b,h3{
    color: hsl(234, 12%, 34%);
}
#box1{
    text-align: center;
}
#box2{
    border-top: 3px solid cyan;
    border-radius: 10px;
}
#box3{
    border-top: 3px solid;
    border-color: hsl(0, 78%, 62%);
    border-radius: 10px;
}
#box4{
    border-top: 3px solid;
    border-color:  hsl(34, 97%, 64%);
    border-radius: 10px;
}
#box5{
    border-top: 3px solid;
    border-color: hsl(212, 86%, 64%);
    border-radius: 10px;
}
#box2,#box3,#box4,#box5{
    background-color: white;
    margin: 25px 0px;
    padding: 15px;
}
.indiv{
    text-align: right;
}

/* Larger screen */
@media (min-width:1200px) {
    body{
        width: 1440px;
        height: 922px;
    }
    #main-box{
        width: 1000px;
    }
    .box{
        width: 400px;
        text-align: justify;
    }
    #div1{
        margin: 0px 0px 315px 525px;
    }
    #div2{
        margin-left: 225px;
    }
    #box2{
        margin-bottom: 50px;
    }
    #box3{
        margin-left: 250px;
        margin-top: -550px;
    }
    #box4{
        margin-left: 250px;
        margin-top: 265px;
    }
    #box5{
        margin-left: 550px;
        margin-top: -525px;
    }
    .attribution{
        width: 1000px;
        margin-top: 275px;
    }
}