@charset "UTF-8";

/* GENERAL and CLEANUP */
* { margin: 0px; padding: 0px; }
img { border: 0px; vertical-align: bottom; }
body { background-color: rgb(95, 95, 95); font-size: 14px; font-family: Monaco, Courier, monospace; }

/* PARALLAXER */
#overflowControl { overflow: hidden; position: relative; height: 620px; top: 90px; }
#layerSling {}
#layerSling>div { display: block; position: absolute; top: 0px; left: 0; }

#layerSling .p { height: 400px; float: left; position: relative; overflow: visible; text-align: center; }
#layerSling .p img { display: block; position: absolute; top: 0; left: 0; }
#layerA .p { width: 600px; }
#layerA .p .narrative { position: absolute; top: 400px; left: 0; width: 360px; padding: 20px; text-align: left; }



@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300&display=swap');

:root{
    --main-color:#abe667;
    --black:#13131a;
    --bg:#010103;
    --border:.1rem solid rgba(255,255,255,.3);
}

*{
    font-family: 'Zen Maru Gothic', sans-serif;
    margin:0; padding:0;
    box-sizing: border-box;
    outline: none; border:none;
    text-decoration: none;
    text-transform: capitalize;
    transition: .2s linear;
}



html::-webkit-scrollbar{
    width: .8rem;
}

html::-webkit-scrollbar-track{
    background: transparent;
}

html::-webkit-scrollbar-thumb{
    background: #fff;
    border-radius: 5rem;
}

body{
    background: var(--bg);
}

section{
    padding:2rem 7%;
}

.header{
    background: var(--bg);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:1.5rem 7%;
    border-bottom: var(--border);
    position: fixed;
    top:0; left: 0; right:0;
    z-index: 1000;
}

.header .navbar a{
    margin:0 1 rem;
    font-size: 1.6rem;
    color: #fff;
    
}

.header .navbar a:hover{
    color:var(--main-color);
    border-bottom: .1rem solid var (--main-color);
    padding-bottom: .5rem;
}

.home{
    min-height: 100vh;
    display:flex;
    align-items: center;
}

.home{
    max-width: 60rem;
}

.home .content h3{
    font-size: 6rem;
    text-transform: uppercase;
    color:#fff;
}

.about .content h3{
    font-size: 6rem;
    text-transform: uppercase;
    color:#fff;
}

.about .content h2{
    font-size: 2rem;
    text-transform: uppercase;
    color:#fff;
}

.gallery{
    min-height: 10vh;
    display: flex;
    align-items: center;
    background: url(images/tabletscreen3.png) no-repeat;
    background-size: cover;
    background-position: center;
}


.team .content h3{
    font-size: 6rem;
    text-transform: uppercase;
    color:#fff;
}

.team .content h2{
    font-size: 2rem;
    text-transform: uppercase;
    color:#fff;
}

.team{
    min-height: 15vh;
    display:flex;
    align-items: center;
}