∂ html{scroll-behavior:smooth}body{background-color:#f7f7f7;overflow-x:hidden;min-height:100vh}nav,h1,h5{font-family:'Lato', sans-serif;letter-spacing:0.1em;color:white}h2{font-family:'Lato', sans-serif;letter-spacing:0.1em;font-size:2em;color:#738200}h3{font-family:'Lato', sans-serif;letter-spacing:0.1em;font-weight:300;font-size:1.5em}p,table{font-family:'Playfair Display', serif;font-weight:lighter}.hero{background-image:url(https://raw.githubusercontent.com/mari-mizutani/portfolio/master/img/top.jpeg);background-position:center;background-repeat:no-repeat;background-size:cover;height:100vh;width:100%;overflow:hidden}@media only screen and (max-width: 576px){.hero{background-image:url(https://raw.githubusercontent.com/mari-mizutani/portfolio/master/img/top_sm.jpeg)}}.hero .navbar.nav-bg{background-color:rgba(0,0,0,0.9)}.hero .navbar-dark a:link{color:white}.hero .navbar-dark a:hover{color:#eaeaea}.hero .navbar-dark a:visited{color:white}.hero .title{z-index:1;text-align:center;color:white}.hero .title h4{font-family:'Playfair Display', serif;font-weight:lighter;letter-spacing:0.1em}.hero .circle{width:320px;height:320px;margin-left:-160px;margin-top:-160px;top:50%;left:50%;background-color:#738200;mix-blend-mode:multiply;border-radius:50%}@media only screen and (max-width: 576px){.hero .circle{width:160px;height:160px;margin-left:-80px;margin-top:-80px}}.hero .arrow{top:90%;left:50%;margin-left:-24px}.navbar-toggler-icon{background-image:transparent !important;width:40px;height:40px;margin:10px auto;position:relative;transform:rotate(0deg);transition:0.3s ease-in-out;cursor:pointer}.navbar-toggler-icon span{position:absolute;display:inline-block;height:3px;width:100%;background:#fff;opacity:1;left:0;transform:rotate(0deg);transition:0.3s ease-in-out}.navbar-toggler-icon .line1{top:10px;transform-origin:left center}.navbar-toggler-icon .line2{top:20px;transform-origin:left center}.navbar-toggler-icon .line3{top:30px;transform-origin:left center}.navbar-toggler-icon .open1{transform:rotate(30deg)}.navbar-toggler-icon .open2{width:0%;opacity:0}.navbar-toggler-icon .open3{transform:rotate(-30deg)}.row.g-ex{margin-left:-10px;margin-right:-10px}.row.g-ex [class*="col-"]{padding-left:80px;padding-right:80px}@media only screen and (max-width: 576px){.row.g-ex [class*="col-"]{padding-left:40px;padding-right:40px}}table{width:100%;border-collapse:separate;border-spacing:0 0.5em}table .skill-title{width:25%}table .chart{display:grid;border:8px solid #738200;position:relative;overflow:hidden}table .chart-rest{display:grid;border:8px solid #d7d7d7;position:relative;overflow:hidden}table .html{width:80%}table .html-r{width:20%}table .css{width:70%}table .css-r{width:30%}table .bootstrap{width:60%}table .bootstrap-r{width:40%}table .sass{width:40%}table .sass-r{width:60%}table .js{width:50%}table .js-r{width:50%}table .react{width:20%}table .react-r{width:80%}table .angular{width:20%}table .angular-r{width:80%}table .php{width:30%}table .php-r{width:70%}table .ai{width:90%}table .ai-r{width:10%}table .ps{width:85%}table .ps-r{width:15%}table .jp{width:100%}table .en{width:80%}table .en-r{width:20%}table .nl{width:20%}table .nl-r{width:80%}small{color:#afafaf}#projects{background-color:#eaeaea}@media only screen and (max-width: 576px){#projects{background:none}}.hover-zoom{overflow:hidden;background-color:#738200;position:relative}.hover-zoom .text{position:absolute;top:30%;text-align:center;width:100%;padding:10px;color:white;opacity:0}@media only screen and (max-width: 768px){.hover-zoom .text{top:10%}}.hover-zoom :hover img{opacity:0.2;transition:transform .5s;transform:scale(1.2);cursor:pointer}.hover-zoom :hover .text{opacity:1;transition:transform .5s}.hover-zoom :hover span{border:1px solid white;font-family:'Lato', sans-serif;letter-spacing:0.1em;font-size:0.8em}#contact,footer{background-color:#eaeaea}#contact a:hover,footer a:hover{opacity:0.8}.project-title{margin-top:120px}.project-title a:link,.project-title a:visited{color:#808b30;text-decoration:none;font-weight:bolder}.project-title h2{color:black}.project-title h5{font-family:'Lato', sans-serif;letter-spacing:0.1rem;color:#738200;font-weight:300}.project-title .btn-primary{background-color:#738200;border:#738200}.project-title .btn-primary:hover{background-color:#808b30;border:#808b30}.project-detail small{font-size:0.6rem}.project-detail small a:link,.project-detail small a:visited{color:#808b30;text-decoration:none}.project-detail h5{color:black}.project-detail .see-more1{text-align:left}.project-detail .see-more2{text-align:right}.project-detail .see-more1 a:link,.project-detail .see-more1 a:visited,.project-detail .see-more2 a:link,.project-detail .see-more2 a:visited{font-family:'Lato', sans-serif;letter-spacing:0.1rem;color:#738200;text-decoration:none}.project-detail .see-more1 a:hover,.project-detail .see-more2 a:hover{opacity:0.8}footer{background-color:#eaeaea}
/*# sourceMappingURL=projects.min.css.map */