    @font-face {
        font-family: 'GeForce Bold';
        src: url('GeForce-Bold.eot');
        src: url('GeForce-Bold.eot?#iefix') format('embedded-opentype'), url('GeForce-Bold.woff') format('woff'), url('GeForce-Bold.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
    
    * {
        overflow-x: hidden;
        margin: 0;
        padding: 0;
        font-family: 'GeForce Bold';
    }
    
    .noselect {
        -webkit-touch-callout: none;
        /* iOS Safari */
        -webkit-user-select: none;
        /* Safari */
        -khtml-user-select: none;
        /* Konqueror HTML */
        -moz-user-select: none;
        /* Old versions of Firefox */
        -ms-user-select: none;
        /* Internet Explorer/Edge */
        user-select: none;
        /* Non-prefixed version, currently
                                        supported by Chrome, Edge, Opera and Firefox */
    }
    
    .row {
        display: flex;
    }
    
    h1 {
        color: white;
        z-index: 9999;
        text-align: center;
        font-size: 175%;
    }
    
    @media (max-width:600px) {
        h1 {
            color: white;
            z-index: 9999;
            text-align: center;
            font-size: 130%;
            padding: 5px;
        }
    }
    /* Create two equal columns that sits next to each other */
    
    .twocolumn {
        flex: 50%;
        padding: 10px;
    }
    
    body {
        background-color: #15154a;
    }
    
    .container {
        width: 35%;
        padding: 10px;
        margin: 0 auto;
    }
    
    .main-header .container {
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-wrap: wrap;
    }
    
    .main-header a {
        text-decoration: none;
        font-size: 250%;
        color: white;
        padding: 10px;
    }
    
    @media (max-width:1600px) {
        .container {
            width: 40%;
        }
    }
    
    @media (max-width:1300px) {
        .container {
            width: 50%;
        }
    }
    
    @media (max-width:1000px) {
        .container {
            width: 60%;
        }
    }
    
    @media (min-width:960px) {
        .main-header .container {
            justify-content: space-between;
        }
    }
    
    .wrapper {
        width: 100vw;
        height: 100vh;
        background-image: radial-gradient(circle at center, black 0, black 30%, transparent 100%), url("../img/computer_1_front.jpg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        justify-content: center;
        align-items: center;
        z-index: -9999;
    }
    /*INDEX-START*/
    
    .main-logo {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 0;
        left: 0;
        flex-flow: column;
    }
    
    .main-logo-svg {
        width: 30%;
        height: 30%;
        z-index: 500;
        padding-bottom: 20px;
        /*background: radial-gradient(circle at center, black 0, black 30%, transparent 100%);*/
    }
    
    @media (max-width:850px) {
        .main-logo-svg {
            width: 40%;
            padding-bottom: 0px;
        }
    }
    
    @media (max-width:600px) {
        .main-logo-svg {
            width: 50%;
            padding-bottom: 0px;
        }
    }
    /*INDEX-END*/
    /*ABOUT-START*/
    
    .infotext {
        padding: 10px;
        margin-left: 15%;
        width: 70%;
        background-color: rgba(255, 255, 255, 0.583);
    }
    
    body {
        background-image: url("../img/about_background.jpg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-attachment: fixed;
    }
    
    .parallax1 {
        margin-left: 5%;
        height: 40%;
        width: 40%;
    }
    
    .parallax2 {
        margin-top: 0%;
        margin-left: 50%;
        height: 40%;
        width: 40%;
    }
    /*ABOUT-END*/