@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');


*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


.showcase{

    width: 100%;
    height: 100vh;
    color:white;

    
    font-size: 32px;
 
    text-align: center;

   

}

.showcase video{
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;

}


.showcase h1{
    position: absolute;
    font-size: 5vmax;
    top: 50%;
    left: 2%;
    margin-right:50% ;
}

.showcase img{
    transform: translate(0%, -30%);
    position: absolute;
    width:50%;
    top: 50%;
    right: 1%;
    margin-left:50% ;
    max-width:50vh;
}

header{
    display:flex;
    height: 3vmax;
    color:white;

}

header h5{
    margin-left:2vmax;
    font-size: 2vmax;
    text-align: left;
    margin-left:12px;
}

header img{
    width:3vmax;
    height:3vmax;
}

.links{
    display:block
}

.block{
    background-color:black;
    height:12vmax;
    width:90%;
    margin-top:2%;
    margin-left:2%;

    padding-left:1%;


    border:solid 2px;

    font-size:3vmax;

    display: inline-block;
    transition: all .3s ease 0s;
	text-decoration: none;
}
.block p{
    font-size:2vmax;
    
}

a{
    color:white;
}


.block:hover{
    cursor: pointer;
	transform: scale(1.03);
}

.link {

	display: inline-block;

	position: relative;

	text-decoration: none;

}

.link::after {

	position: absolute;

	content: '';

	bottom: .2em;

	left: 0;

	width: 100%;

	height: 2px;

	opacity: 0;

	background: white;

	transition: all .3s ease 0s;

}

.link:hover {

	cursor: pointer;

}

.link:hover::after {

	bottom: 0;

	opacity: 1;

}

body{

    display:block;
    background-color: black;
    font-family: 'Impact','Anton','Hiragino Kaku Gothic Pro','Corporate-Logo-Bold-ver2','Meiryo',sans-serif;

    color:white;


}

footer p{
    font-size: 1vmax;
}