body{
    font-family: "Quicksand","Work Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    position:absolute;
    left:30px;
    top:10px;
}

h1{
    font-family:"Work Sans";
    font-weight:600;
}

#head{
    position:relative;
    top:-7px;
}

p{
    font-family:"Quicksand";
    font-weight:500;
}

.footer{
    font-family:"Work Sans";
    font-weight:800;
}

img#Coding,img#WebDev,img#GameTest,img#Build{
    width: 50px;
    height:50px;
    background:transparent;
}

#boxc1,#boxc2,#boxc3{
    width:370px;
    height:330px;
    position:absolute;
    border-radius: 10px;
    padding:15px 0px 2px 10px
}

#boxc1{
    left:30px;
    top:150px;
    background:rgba(0, 106, 255,0.2);
}

#boxc2{
    left:445px;
    top:150px;
    background:rgba(255, 0, 47,0.2);
    /* height: 275px */
}

.footer{
    position:absolute;
    margin-top: 755px;
    margin-bottom: 10px;
    margin-left:175px;
}

#bline{
    position:absolute;
    height:3px;
    width:200px;
    background:blue;
    border-radius:2px;
    top:57px;
    left:140px;
}
 
.footer{
    width:500px;
    position:absolute;
    margin-top: 520px;
    margin-bottom: 10px;
    margin-left:195px;
}

.footer480{
    display:none;
}


@media only screen and (max-width: 480px) {
    body{
        font-size:14px;
    }

    #boxc1{
        margin-top:-55px;
        margin-left:-50px;
        width:354px;
        height:275px;
    }

    #boxc2{
        margin-top:250px;
        margin-left:-465px;
        width:354px;
        height:275px;
    }

    #boxc3{
        margin-top:320px;
        margin-left:-255px;
        width:354px;
    }

    .footer{
        display:none;
    }

    #about{
        margin-left:-15px;
        margin-right:10px;
    }

    #bline{
        margin-top:-6px;
        margin-left:-12px;
    }

    .footer480{
        display:block;
        margin-top:650px;
    }
}