/* oxygen-300 - latin */
@font-face {
    font-family: 'Oxygen';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/oxygen-v15-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/oxygen-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/oxygen-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/oxygen-v15-latin-300.woff') format('woff'), /* Modern Browsers */
         url('fonts/oxygen-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/oxygen-v15-latin-300.svg#Oxygen') format('svg'); /* Legacy iOS */
  }
  /* oxygen-regular - latin */
  @font-face {
    font-family: 'Oxygen';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/oxygen-v15-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/oxygen-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/oxygen-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/oxygen-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/oxygen-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/oxygen-v15-latin-regular.svg#Oxygen') format('svg'); /* Legacy iOS */
  }
  /* oxygen-700 - latin */
  @font-face {
    font-family: 'Oxygen';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/oxygen-v15-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/oxygen-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/oxygen-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/oxygen-v15-latin-700.woff') format('woff'), /* Modern Browsers */
         url('fonts/oxygen-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/oxygen-v15-latin-700.svg#Oxygen') format('svg'); /* Legacy iOS */
  }

  * {
    margin: 0;
    padding: 0;
    font-family: 'Oxygen'; 
}
  
  
body {
    background: rgb(0,0,0); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(34, 0, 8) 50%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(34, 0, 8) 50%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgb(34, 0, 8) 50%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */

}

.wrapper {
    width: 100%;
}

.head {
    width: 100%;
    margin-top: 45%;
}

.logo {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}

.logo_img {
    width: 100%;

    -webkit-filter: drop-shadow(0vw 0vw 1vw brown );
    filter: drop-shadow(0vw 0vw 1vw brown);
}

.name {
    width: 100%;


    text-align: center;
    font-size: 10vw;
    font-weight: bold;
    letter-spacing: -0.2vw;
    text-shadow: 0vw 0vw 2vw rgb(0, 0, 0);

    color: aliceblue;

}

.name_light {
    color: brown;
    font-weight: 100;
    font-size: 10.1vw;
    letter-spacing: -0.2vw;

    text-shadow: 0vw 0vw 2vw rgb(0, 0, 0);

    background: none !important;

}
.name_accept {
    width: 100%;


    text-align: center;
    font-size: 2vw;
    font-weight: bold;
    letter-spacing: -0.2vw;
    text-shadow: 0vw 0vw 2vw rgb(0, 0, 0);

    color: aliceblue;
    text-transform: uppercase;

}
.accept {
    color: rgb(42, 165, 48);
    font-weight: 100;
    font-size: 2vw;
    letter-spacing: -0.2vw;

    text-shadow: 0vw 0vw 2vw rgb(0, 0, 0);

    background: none !important;

    text-transform: uppercase;

}
.declined {
    color: rgb(255, 0, 0);
    font-weight: 100;
    font-size: 2vw;
    letter-spacing: -0.2vw;

    text-shadow: 0vw 0vw 2vw rgb(0, 0, 0);

    background: none !important;

}

.mail {
    width: 100%;
    margin-top: -2%;
    text-align: center;
    font-size: 3.0vw;
    color: aliceblue;


}

.a, a:visited, a:active a:before, a:link, a:link:active, a:visited:active{
    text-decoration: none;

    color: rgba(255, 255, 255, 0.623);
    text-align: center;

    background: none !important;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;

}

a:hover {
    color: brown;

    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}









.looper { animation: perspect 20s infinite linear }
@keyframes perspect {
   0% {transform:perspective(500px) rotateY(0deg)}
   25% {transform:perspective(500px) rotateY(90deg)}
   50% {transform:perspective(500px) rotateY(180deg)}
   75% {transform:perspective(500px) rotateY(270deg)}
   100% {transform:perspective(500px) rotateY(360deg)}

   
}
@media only screen and (min-width: 768px) {

    .logo {
        width: 40%;
        margin-left: auto;
        margin-right: auto;
    }

    .head {
        width: 100%;
        margin-top: 40%;
    }
    .name, .name_light {
        margin-top: 0%;

        font-size: 6vw;
        text-shadow: 0vw 0vw 4vw rgb(0, 0, 0);
    
    }

    .mail {
        font-size: 2.0vw;
        margin-top: -1%;
    
    
    }

    .logo_img {
        width: 100%;
    
        -webkit-filter: drop-shadow(0vw 0vw 0.2vw brown );
        filter: drop-shadow(0vw 0vw 0.2vw brown);
    }



   
}
@media only screen and (min-width: 1024px) {

    .logo {
        width: 40%;
        margin-left: auto;
        margin-right: auto;
    }

    .head {
        width: 100%;
        margin-top: 10%;
    }
    .name, .name_light {
        margin-top: 5%;

        font-size: 6vw;
        text-shadow: 0vw 0vw 4vw rgb(0, 0, 0);
    
    }

    .mail {
        font-size: 2.0vw;
        margin-top: -1%;
    
    
    }

   
}

@media only screen and (min-width: 1025px) {

    .logo {
        width: 20%;
        margin-left: auto;
        margin-right: auto;
    }

    .head {
        width: 100%;
        margin-top: 15%;
    }
    .name, .name_light {
        margin-top: 0%;

        font-size: 6vw;
        text-shadow: 0vw 0vw 4vw rgb(0, 0, 0);
    
    }

    .mail {
        font-size: 2.0vw;
        margin-top: -1.7%;
    
    
    }

    .logo_img {
        width: 100%;
    
        -webkit-filter: drop-shadow(0vw 0vw 0.2vw brown );
        filter: drop-shadow(0vw 0vw 0.2vw brown);
    }

    .name {
        width: 100%;
        margin-top: 2%;

        text-align: center;
        font-size: 3vw;
        font-weight: bold;
        letter-spacing: 0.2vw;
        text-shadow: 0vw 0vw 2vw rgb(0, 0, 0);
    
        color: aliceblue;
    
    }
    .name_light {
        font-weight: 100;
        font-size: 3vw;
        letter-spacing: -0.2vw;
    
    
    }

    .a, a:visited, a:active a:before, a:link, a:link:active, a:visited:active{
        width: 100%;
        height: 2vw;
        font-size: 0.8vw;
        text-decoration: none;
    
        color: rgba(255, 255, 255, 0.623);
        text-align: center;
    
        background: none !important;
        -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
        -o-transition: all 1s ease-out;
        transition: all 1s ease-out;
    
    }
    
    a:hover {
        color: brown;
    
        -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
        -o-transition: all 1s ease-out;
        transition: all 1s ease-out;
    }
   
}