body { overflow:hidden; }
@font-face { font-family: "worksans-extralight"; src: url("fonts/work-sans.extralight.otf") format("opentype"); }
@font-face { font-family: "worksans-semibold"; src: url("fonts/work-sans.semibold.otf") format("opentype"); }
@font-face { font-family: "worksans-regular"; src: url("fonts/work-sans.regular.otf") format("opentype"); }

.topBtn1 {
    position:absolute;
    background-color:transparent;
    font-family:worksans-semibold;
    font-size:45px;
    left: 325px;
    top: 95px;
    border:none;
    color: #4D4D4D;
    text-decoration:none;
}

.topBtn2 {
    position:absolute;
    background:transparent;
    font-family:worksans-semibold;
    font-size:20px;
    left:325px;
    top:150px;
    border:none;
    color:#4D4D4D;
    text-decoration:none;
}

.footer {
    background-color:#4D4D4D;
    position:fixed;
    width:100%;
    left:0;
    bottom:0;
    height: 100px;
    color:#4D4D4D;
}

.profilePicture {
    position:absolute;
    width:375;
    height:375;
    border-radius:50%;
    left:275px;
    top:250px;
}

.hello {
    font-size:75px;
    color:#4D4D4D;
    font-family:worksans-regular;
    position:absolute;
    top:215px;
    left:700;
}
.aBitAboutMe {
    font-size:45px;
    color:#4D4D4D;
    font-family:worksans-extralight;
    position:absolute;
    top:330px;
    left:700;
}

.aboutMe {
    font-size:15px;
    color:#4D4D4D;
    font-family:worksans-extralight;
    position:absolute;
    top:430;
    left:700;
}

.myWorkButton {
    width:120;
    height:120;
    background-color:#4D4D4D;
    font-family:worksans-extralight;
    position:absolute;
    top:630;
    left:900;
    color:#FFFFFF;
    border-radius:50%;
    font-size:25;
    border:none;
    transition: 0.4s;
    cursor:pointer;
}

.myWorkButton:hover {
    background-color:#646464;
}

.navButton1 {
    color:#4D4D4D;
    background-color:transparent;
    font-family:worksans-extralight;
    position:absolute;
    top:145;
    left:605;
    font-size:22;
    text-decoration-line:none;
}

.navButton2 {
    color:#4D4D4D;
    background-color:transparent;
    font-family:worksans-extralight;
    position:absolute;
    top:145;
    left:685;
    font-size:22;
    text-decoration-line:none;
}

.navButton3 {
    color:#4D4D4D;
    background-color:transparent;
    font-family:worksans-extralight;
    position:absolute;
    top:145;
    left:810;
    font-size:22;
    text-decoration-line:none;
}

.navB1L {
    color:transparent;
    background-color:#4D4D4D;
    position:absolute;
    top:135;
    left:605;
    width:60px;
    height:1px
}

.navB2L {
    color:transparent;
    background-color:#4D4D4D;
    position:absolute;
    top:135;
    left:685;
    width:105px;
    height:1px
}

.navB3L {
    color:transparent;
    background-color:#4D4D4D;
    position:absolute;
    top:135;
    left:810;
    width:95px;
    height:1px
}

.emailIcon {
    width:50;
    height:50;
    border-radius:50%;
    background:none;
    position:absolute;
    bottom:22;
    left:327;
}

.emailLink {
    color:#FFFFFF;
    font-family:worksans-extralight;
    font-size:25;
    position:absolute;
    bottom:30;
    left:380;
    text-decoration:none;
}

.twitterIcon {
    position:absolute;
    bottom:25;
    left:750;
    width:50;
    height:50;
}

.twitterLink {
    color:#FFFFFF;
    position:absolute;
    bottom:30;
    font-family:worksans-extralight;
    font-size:25;
    left:810;
    text-decoration: none;
}