body{font-size:10px}.text-primary{color:#0099FF !important}.hover-opacity-half:hover{opacity:0.5;transition:.3s}.sa{opacity:0;transition:all .5s ease}.sa.show{opacity:1;transform:none}.sa--up{transform:translate(0, 100px)}.sa--lr{transform:translate(-100px, 0)}nav{font-size:1.2rem}nav img{width:45px;height:45px}nav h1{font-size:30px;font-weight:400}nav .navbar-toggler:focus{border:2px solid #0099FF;outline:0}nav ul li{margin-right:30px}nav .nav-item-active{color:rgba(0,0,0,0.8) !important;border-bottom:solid 2px #0099FF;margin-bottom:-2px}nav .nav-link:hover{border-bottom:solid 2px #0099FF;margin-bottom:-2px}.home{background-image:url("../assets/imgs/mainvisual-grayscale.jpg");width:100vw;height:100vh;background-position:center;background-size:cover;background-repeat:no-repeat;position:relative}.home .content{position:absolute;top:50%;left:50%;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);margin:0;padding:0}.home .content h1{font-size:7rem}.home .content svg{width:max-content}.home .content svg .st0{fill:#FFFFFF}.home .content svg .st1{stroke:#fff;fill:none;stroke-width:9;stroke-miterlimit:10}.about{background-color:#f8f9fa;padding-top:80px;padding-bottom:80px}.about .profileImg{width:100%;max-width:100%;height:auto}.about .line-bottom{border-bottom:2px solid #0099FF;padding-bottom:0px}.about i{color:#0099FF}.about .explain{line-height:40px}.services{background-color:#EEE;padding-top:80px;padding-bottom:80px}.services .programing-languages .icon{font-size:5.5rem;color:#0099FF}.services .programing-languages label{font-size:.8rem}.portfolio{background-color:#f8f9fa;padding-top:80px;padding-bottom:80px;transition:.2s}.portfolio .no-underline{text-decoration:none;color:#0099FF}.portfolio .no-underline:hover{color:#007bff}.portfolio .card-content{font-size:.8rem}.portfolio .card-type{background-color:#0099FF;color:#fff;font-size:.5rem}.portfolio .card{width:20rem}.portfolio .card .portfolio-img{height:13rem;object-fit:cover}.contact{background-color:#EEE;padding-top:80px;padding-bottom:80px}.contact .blue{color:#0099FF}.contact .confirm{background:#0099FF !important;color:white !important}.contact .h7{font-size:2.0em}.contact .item{font-size:1.0rem}.contact .error-message{color:#d9534f;font-size:.8rem}.contact2{background-color:#EEE;padding-top:120px;padding-bottom:100px}.contact2 h1{color:#0099FF}.contact2 p{font-size:1.0rem}.contact2 .item{font-size:1.0rem}.contact2 .confirm{background:#0099FF !important;color:white !important}.contact2 .btn-back{background-color:#717171 !important}.footer{background-color:#f8f9fa;padding-top:80px;padding-bottom:50px}.footer .sns-link:hover{opacity:0.5;transition:.2s}.footer .footer-link{font-size:2.2em}.thanks{padding-top:180px;padding-bottom:110px}.thanks .lead{font-size:3rem;color:#007bff}.thanks p{font-size:1.0rem}.thanks .back-to-home{background-color:#007bff}@media screen and (max-width: 480px){.explain{font-size:1rem}nav .navbar-brand{margin-left:.3rem !important}nav ul li{margin-right:300px}}