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,.navbar-toggler:focus,.navbar-toggler:active,.navbar-toggler-icon:focus{outline:none;box-shadow:none;border:none}.toggler-icon{width:30px;height:3px;background-color:#fff;display:block;transition:all 0.2s}.line2{margin:5px auto}.navbar-toggler .line1{transform:rotate(45deg);transform-origin:10% 10%}.navbar-toggler .line2{opacity:0}.navbar-toggler .line3{transform:rotate(-45deg);transform-origin:10% 90%}.navbar-toggler.collapsed .line1{transform:rotate(0)}.navbar-toggler.collapsed .line2{opacity:1}.navbar-toggler.collapsed .line3{transform:rotate(0)}.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}
/*# sourceMappingURL=style.min.css.map */