@charset "utf-8";

/*
Theme Name: Takumi Mizutani Portfolio
Author: (Yusuke Kobayashi)
Author URI: https://syndesi.jp
Description: ポートフォリオサイト
Version: (Vol.1)
*/

@media(max-width:919px){
  .wrapper {
    height: 90vh;
    visibility: hidden;
  }
  
  .wrapper.active {
    visibility: visible;
  }

  .wrapper .device_image{
    display: none;
  }
  
  video {
    width: 100vw;
    height: auto;
    position: absolute;
    overflow: hidden;
    z-index: -80;
    transform: translateY(70px);
  }
  
  section:nth-of-type(1) .container {
    padding-top: 500px;
    width: 100%;
  }
  
  section:nth-of-type(1) .container .block {
    margin: 20px 20px;
    text-align: center;
    padding: 20px;
    background-color: #f5f5f5;
    box-shadow: 1px 1px 1px 1px #404040;
  }
}

@media(min-width:920px){
  .wrapper .device_image img{
    position: absolute;
    width: 260px;
    height: 460px;
    margin-top: 70px;
    margin-left: 25vw;
  }

  .wrapper video{
    width: 250px;
    height: auto;
    margin-top: 80px;
    margin-left: 25vw;
    border-radius: 30px;
  }

  .wrapper section .container{
    position: absolute;
    margin-left: 55vw;
    margin-top: -40vh;
  }

  .wrapper section .container .block{
    padding: 10px;
    margin: 10px;
  }
}