body {
    background-image: url(/home/boltbert/Downloads/website_test/images/-northern-.png);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    margin: 0px;
    padding: 0px;
}
.navbar ul{
    float: left;
    list-style-type: none;
    margin: 0px;
    padding-top: 15%;
    padding-left: 10%;
    width: 5%;
    height: 25%;
}
.navbar a{
    color: rgb(45, 45, 133);
    background-color: rgb(175, 175, 175);
    text-decoration: none;
    padding: 1vw;
    display: block;
    text-align: center;
    border-radius: 10px;
}
.navbar a:hover{
    background-color: rgb(77, 77, 77);
}
.background{
    background-image: linear-gradient(to bottom right, rgb(172, 168, 168), rgb(80, 76, 76));
    float: left;
    list-style-type: none;
    margin: 50px;
    width: 65%;
    height: 80%;
    border-radius: 10px;
}
.title {
    display: flex;
    flex-direction: column;
}
.title h2{
    float: left;
    list-style-type: none;
    margin: 0px;
    padding-left: 2vw;
    padding-top: 2vw;
    color: white;
    font-family: sans-serif;
    font-size: xx-large;
}
.title p{
    float: left;
    list-style-type: none;
    margin: 0px;
    padding-left: 2vw;
    color: white;
    font-family: sans-serif;
    font-size: large;
}
.apps{
    display: flex;
    flex-direction: row;
    padding: 1vw;
}
.apps a{
    color: rgb(45, 45, 133);
    text-decoration: none;
    margin: 2%;
    text-align: center;
}
.apps a:hover{
    background-color: rgb(114, 114, 185);
    border-radius: 10px;
}
.fa-github{
    color: black;
    font-size: 50px;
    text-decoration: none;
}
.fa-whatsapp{
    color: black;
    font-size: 50px;
    text-decoration: none;
}
.fa-envelope{
    color: black;
    font-size: 50px;
    text-decoration: none;
}
.iframe{
    float: left;
    list-style-type: none;
    width: 100%;
    height: 100%;
    border-radius: 15px;
}