/* overrides */
html, body {
    margin: 0;
    padding: 0;
    /* note to self: hacky fix cos menu :c */
    overflow: hidden;
}

body {
    height: 100vh;
    width: 100vw;
}

img.emoji {
   height: 1em;
   width: 1em;
   margin: 0 .05em 0 .1em;
   vertical-align: -0.2em;
}

.fab {
    padding: 5px !important;
    font-size: 2vw !important;
}

.fas {
    padding: 5px !important;
    font-size: 2vw !important;  
}

/* additions */
.full-screen {
    width: 100% !important;
    height: 100% !important;
}

.center {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.center-block {
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -moz-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -moz-box-orient: vertical;
   -moz-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -moz-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.center-inner {
    margin: auto;
    width: 50%;
}

.bottom {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   text-align: center;
   z-index: 0;
}

.logo {
    width: 15vmax;
    height: auto;
}

.logo-contact {
    width: 20%;
    height: auto;
}

.font-title {
    font-size:4.5vmax;
    font-family: 'Raleway', sans-serif;
    color:white;
}

.font-details {
    font-size:1vmax;
    font-family: 'Open Sans', sans-serif;
    color:white;
    line-height: 0.8;
}

.font-footer {
    font-size:0.85vmax;
    font-family: 'Raleway', sans-serif;
    color:#A5A5A5;
    line-height: 0.8;
}

.luka-gradient-one {
    background: linear-gradient(143deg, #9240a8, #d83c66);
    background-size: 400% 400%;
    -webkit-animation: luka-gradient-one 15s ease infinite;
    -moz-animation: luka-gradient-one 15s ease infinite;
    animation: luka-gradient-one 15s ease infinite;
}

@-webkit-keyframes luka-gradient-one {
    0%{background-position:0% 71%}
    50%{background-position:100% 30%}
    100%{background-position:0% 71%}
}
@-moz-keyframes luka-gradient-one {
    0%{background-position:0% 71%}
    50%{background-position:100% 30%}
    100%{background-position:0% 71%}
}
@keyframes luka-gradient-one {
    0%{background-position:0% 71%}
    50%{background-position:100% 30%}
    100%{background-position:0% 71%}
}

.luka-gradient-three {
    background: linear-gradient(158deg, #404296, #7c2c57);
    background-size: 400% 400%;
    -webkit-animation: luka-gradient-three 7s ease infinite;
    -moz-animation: luka-gradient-three 7s ease infinite;
    animation: luka-gradient-three 7s ease infinite;
}

@-webkit-keyframes luka-gradient-three {
    0%{background-position:0% 31%}
    50%{background-position:100% 70%}
    100%{background-position:0% 31%}
}
@-moz-keyframes luka-gradient-three {
    0%{background-position:0% 31%}
    50%{background-position:100% 70%}
    100%{background-position:0% 31%}
}
@keyframes luka-gradient-three {
    0%{background-position:0% 31%}
    50%{background-position:100% 70%}
    100%{background-position:0% 31%}
}

.pointer-cursor {
    cursor: pointer;
}