body{
    margin:0;
    background-color: rgb(208, 230, 225);
}
.topelements{
display:inline-block;
margin:25px 10px;

}
.brandhome{
    font-family: 'Milonga', cursive;
}
.info{
    display:inline-block; 
    position:absolute;
    right:5px;
    width:40%;

}
.links{
    text-decoration: none;
    color:white;
    
}
.links:hover{
    color:aqua;
}
.topbar{
    position:fixed;
    right:0;
    left:0;
    top:0;
    background-color: black;
    z-index: 2;
}
.topimg{
    width:50%;
    position:absolute;
    right:30px;
    top:220px;
}
.brandhome{
    padding-left: 20px;
}
.mainpara{
    width:40%;
}
.mainheader{
    font-size: 3em;
    width:50%;
}
.topcont{
    margin: 150px 30px 20px 30px;
    
    font-family: 'Nunito', sans-serif;
    font-size: 1.5em;
    padding-left:20px;
    padding-bottom: 50px;
    border-bottom: dashed 3px;
}
.pjheader{
    font-size:5rem;
    color:rgb(7, 135, 164);
    font-family: 'Caveat', cursive;
}
.midcont{
    text-align: center;

}
.fprojects{
    font-size:3em;
    text-align: left;
    padding:15px 20px;
    font-family: 'Amita', cursive;
}
.shot{
    width:80%;
    cursor: pointer;
    border: dashed 0.1px;
}


.ulist{
    margin-left:12%;
    list-style: square;
}
.bottomcont{
    background-color: black;
    color:blanchedalmond;
    text-align: center;
   padding-top: 15px;
    padding-bottom: 5px;
    font-size: larger;

}
.getcon{
    display:inline-block;
    margin:0 30px;
    padding: 10px;
    width:3%;
}
.copyright{
    padding-top:15px;
    font-size: 10px;
    color:white;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.getint{
    padding-bottom:50px;
    margin:0;
    
    color:rgb(255, 135, 243)
}
.git{
   position: absolute;
   right:15px;
   top:15px;
    width:4%;
    background-color: rgb(0, 0, 0);
    
}