@import url(./utilities.css);
*{
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
@font-face {
    font-family: Josefin Sans;
    src: url(../assets/JosefinSans-Light.ttf);
}
@font-face {
    font-family: Alata;
    src: url(../assets/alata-regular.ttf);
}
body {
    font-family: Josefin Sans, sans-serif;
    overflow-x: hidden;
}
.right {
    padding: 2%;
}





.creation-deep{
    background-image: url(../images/mobile/image-deep-earth.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.creation-night{
    background-image: url(../images/mobile/image-night-arcade.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.creation-soccer{
    background-image: url(../images/mobile/image-soccer-team.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.creation-grid {
    background-image: url(../images/mobile/image-grid.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.creation-ffromup{
    background-image: url(../images/mobile/image-from-above.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.creation-pocket{
    background-image: url(../images/mobile/image-pocket-borealis.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.creation-curiosity{
    background-image: url(../images/mobile/image-curiosity.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.creation-fisheye{
    background-image: url(../images/mobile/image-fisheye.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.creation-text2{
    color: white;
    font-size: 1.7rem;
    padding-top: 75vh;
    padding-left: 1.5rem;
}
.see:hover{
    background-color: black;
    color: white;
}
.a{
    text-decoration: none;
    color: white;
    font-weight: bold;
    font-size: 1.3rem;
}
.links{ 
    padding-top: 10%;
    text-align: center;
}
.links3{
    padding-right: 20px;
    font-weight: lighter;
    font-size: 0.9rem;
    text-decoration: none;
    color: white;
}
.creation-lg{
    padding: 0 0.9% 0 5%;
}
.nav-hover:hover { color: #000163;}