*{
    box-sizing: border-box;
    font-family: Helvetica, sans-serif, Arial;
}

@font-face {
    font-family: PermanentMarker;
    src: url(/fonts/PermanentMarker-Regular.ttf);
}

body{
    margin: 0px;
    padding: 0px;
    background-color: rgba(239, 242, 241, 1);
}

header{
    padding: 0px 1em;
    border: 2px solid black;
    background-color: rgba(64, 89, 173, 1);
    position: sticky;
    top: 0;
}

header h1{
    font-family: PermanentMarker;
    color: black;
}


.navbar ul{
    list-style-type: none;
    padding:3px;
    margin: 0px;
    background-color: rgba(107, 154, 196, 1);
    overflow: hidden;
    border: 2px solid black;
}

.navbar a{
    padding: 10px 20px;
    float: left;
    display: block;
    text-align: center;
    text-decoration: none;
    color: black;
    border-radius: 5px;
    font-family: Helvetica;
}

.navbar li:hover a{
    background-color: rgb(152, 190, 224);
}



main{
    border: 2px solid;
    overflow: hidden;
}

.tekniker{
    height: 60vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
    border: 2px solid black;
    text-decoration: none;
    color: black;
}

.tekniker h2{
    font-family: PermanentMarker;
    text-align: center;
    padding: 15px;
}

.tekniker p{
    font-size: larger;
    padding-left: 25%;
    padding-right: 25%;
}

.bg{
    text-align: center;
    background-color: rgba(239, 242, 241, 0.7);
}

#HTML{
    background: url(/webbutveckling/projekt/paolo/paolosbilder/pexels-pixabay-270404.jpg) no-repeat center center/cover;
}

#CSS{
    background: url(/webbutveckling/projekt/paolo/paolosbilder/pexels-pixabay-256502.jpg) no-repeat center center/cover;
}

#java{
    background: url(/webbutveckling/projekt/paolo/paolosbilder/pexels-markusspiske-1089440.jpg) no-repeat center center/cover;
}

#wp{
    background: url(/webbutveckling/projekt/paolo/paolosbilder/pexels-markus-winkler-1430818-4160094.jpg) no-repeat center center/cover;
}

#MD{
    background: url(/webbutveckling/images/md.png) no-repeat center center/cover;
}

#BB{
    background: url(/webbutveckling/moment/burgerbase/img/img-1.jpg) no-repeat center center/cover;
}

#LP{
    background: url(/webbutveckling/images/index/Featureless-min.jpg) no-repeat center center/cover;
}

#hem{
    background: url(/webbutveckling/projekt/paolo/paolosbilder/paolo.jpeg) no-repeat center center/cover;
    height: 100vh;
}

#om{
    background: url(/webbutveckling/projekt/paolo/paolosbilder/ibrahim-rifath-Ir0VrE74xKg-unsplash.jpg) no-repeat center center/cover;
    height: 100vh;
}

h2{
    text-decoration: none;
    color: black;
}

a{
    text-decoration: none;
}

p{
    text-decoration: none;
}


footer{
    border: 2px solid black;
    background-color: rgba(64, 89, 173, 1);
    padding: 0px 10px;
}

footer a{
    text-decoration: none;
    color: rgba(107, 154, 196, 1);
}