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

::-webkit-scrollbar {
    width: 0;
    background: transparent;
}

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

#head1{
    position:absolute;
    top:1px;
}

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

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

#resume{
    font-family:"Work Sans";
    font-weight:600 ;
    position:absolute;
    top: -17px;
    left:20px;
}

img#experience{
    margin-top:-5px;
    margin-left:5px;
    width: 50px;
    height:50px;
}

img#education{
    margin-top:10px;
    width: 60px;
    height: 70px;
}

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

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

#boxc2{
    left:445px;
    top:150px;
    background:rgba(0, 255, 157,0.2);
}
 

#boxc3{
    left:235px;
    top:425px;
    background:rgba(0, 106, 255,0.2);
}

#bline{
    position:absolute;
    height:3px;
    width:200px;
    background:blue;
    border-radius:2px;
    top:25px;
    left:155px;
}

#head2{
    position:absolute;
    top:350px;
    left:30px;   
}

#head1{
    position:absolute;
    top:30px;
    left:30px;
}

img#school,img#college,img#intern,img#hacker,img#hacker1{
    height:60px;
}

img#school{
    width:60px;
}

img#college{
    width:80px;
}

img#intern{
    height:50px;
    width:100px;
}

img#hacker,img#hacker1{
    width:60px;
}

img#achieve{
    margin-top:10px;
    width: 50px;
    height:50px;
}

#h1{
    margin-top:82px;
    margin-left:95px;
}

#h2{
    margin-top:268px;
    margin-left:90px;
}

#h5{
    margin-top:237px;
    margin-left:90px;
}

#prog{
    margin-left:99px;
    margin-top:240px;
}

#head3{
    margin-top:-45px;
}

img#program{
    width:57px;
    height:57px;
    margin-left:-63px;
}

#gb1{
    position:absolute;
    margin-left:-20px;
    margin-top:5px;
    z-index:-1;
    background:rgb(241, 241, 241);
    width:310px;
    height:520px;
    border-radius:15px;
}

#py,#ht,#dart,#js,#cp,#c,#cs{
    margin-left:0px;
    padding-top:7px;
    padding-bottom:7px;
    z-index:1;
}

#py{
    padding-top:30px;
}

#pys,#fls,#hts,#css,#jss,#cps,#csc{
    height:5px;
    border-radius:5px;
    z-index:1;
}

#pys{
    background: rgba(245, 44, 81, 0.7);
    width:270px;
}

#fls{
    background:rgba(145, 255, 0, 0.7);
    width:250px;
}

#hts{
    background:rgba(146, 32, 239, 0.7);
    width:230px;
}

#css{
    background:rgba(0, 255, 157,0.7);
    width:230px;
}

#jss{
    background:rgba(47, 132, 251, 0.7);
    width:170px;
}

#cps{
    background:rgba(194, 94, 234,0.7);
    width:150px;
}

#csc{
    background:rgba(1, 208, 255, 0.7);
    width:150px;
}

img#language{
    width:60px;
    margin-left:-30px;
    margin-top:3px;
}


#lang{
    margin-left:485px;
    margin-top:-375px
}

#head4{
    margin-top:-36px;
    margin-left:25px;
}

#gb2{
    position:absolute;
    margin-left:10px;
    z-index:-1;
    background:rgb(241, 241, 241);
    width:310px;
    height:190px;
    border-radius:15px;
}

#lang1,#lang2{
    margin-left:30px;
    padding-bottom:7px;
    padding-top:7px;
}

#lang1{
    margin-top:37px;
}

#l1,#l2{
    margin-left:30px;
    height:5px;
    border-radius:5px;
    z-index:1;
    width:270px;
}

#l1{
    background:rgba(245, 44, 81, 0.7);
}

#l2{
    background:rgba(1, 208, 255, 0.7);
}

#boxc4,#boxc5{
    width:370px;
    height:150px;
    position:absolute;
    border-radius: 10px;
    padding:15px 0px 2px 10px
}

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

#boxc5{
    left:445px;
    top:675px;
    background:rgba(255, 0, 47,0.2);
}

#head5{
    position:absolute;
    top:600px;
    left:30px;   
}

.footer{
    width:500px;
    position:absolute;
    margin-top: 200px;
    margin-bottom: 10px;
    margin-left:195px;
}

.footer480{
    display:none;
}


@media only screen and (max-width: 480px) { 
    .footer{
        display:none;
    }

    body{
        overflow:auto;
    }

    html{
        height: -10px;
    }

    #iframe, #iframe2, #iframe3, #iframe4{
        scrollbar-width: none;
        scroll: none;
    }

    #head1{
        margin-left:50px;
        margin-top:5px;
    }

    #head2{
        margin-top:160px;
    }

    #head5{
        margin-top:160px;
        margin-left:40px;
    }

    #h1{
        margin-left:142px;
        margin-top:83px;
    }

    #h2{
        margin-left:80px;
        margin-top:407px;
        text-align: center;
    }

    #h5{
        margin-left:118px;
        margin-top:237px;
    }

    #boxc1{
        margin-top:-20px;
        margin-left:-30px;
        width:354px;
    }

    #boxc2{
        margin-top:160px;
        margin-left:-445px;
        width:354px;
    }

    #boxc3{
        margin-top:155px;
        margin-left:-235px;
        width:354px;
    }

    #boxc4{
        margin-top:168px;
        margin-left:-30px;
        width:354px;
    }

    #boxc5{
        margin-top:345px;
        margin-left:-445px;
        width:354px;
    }

    .footer480{
        display:block;
        margin-top:105px;
        margin-left:-20px;
        text-align: center;   
    }
    
    #prog{
        margin-top:395px;
        margin-left:90px;
    }

    #gb1{
        margin-left:-65px;
    }
    
    #py,#ht,#cs,#js,#cp,#c,#dart{
        margin-left:-45px;
    }

    #pys,#hts,#css,#jss,#cps,#csc,#fls{
        margin-left:-45px;
    }  
    
    #lang{
        margin-left:110px;
        margin-top:55px;
    }

    #gb2{
        margin-left:-82px;
    }

    #lang1,#lang2{
        margin-left:-63px;
    }

    #l1,#l2{
        margin-left:-63px;
    }

    .footer480{
        display:none;
    }
}