body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.about_me{background-attachment:fixed;background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(/portfolio/static/media/bg.269903445166b11ce754.jpg);background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;flex-wrap:wrap;height:100vh;justify-content:center;padding-top:300px;width:100vw}.about_me_title{color:ivory;font-size:4vw;padding-bottom:100px;padding-top:250px}.about_me_section{align-self:center;box-sizing:border-box;color:ivory;font-size:20px;line-height:40px;padding-bottom:500px;text-align:center}@media (max-width:700px){.about_me_section{align-self:center;box-sizing:border-box;color:ivory;font-size:4vw;line-height:40px;padding-bottom:500px;text-align:center;width:100vw}}.header{flex-wrap:wrap;height:80px;position:fixed;width:100vw}.header_menulist{display:flex;list-style:none}.header_li{color:gray}.header_li,.onMouse_header_li{font-size:20px;font-weight:bolder;margin-left:3rem;padding:1.5rem}.onMouse_header_li{color:#fff}.contents{align-items:center;background-color:#000;border-bottom-left-radius:25px;border-bottom-right-radius:25px;display:flex;height:100%;justify-content:center;margin:0 auto;opacity:.8;width:50vw}.header_title{color:#fff;font-size:20px;font-weight:700;margin-right:30px}.navigation{display:flex;list-style:none}@media (min-width:1000px) and (max-width:2000px){.header_title{color:#fff;font-size:14px;font-weight:700;margin-right:30px}.header_li{color:gray}.header_li,.onMouse_header_li{font-size:14px;font-weight:bolder;margin-left:3rem;padding:1.5rem}.onMouse_header_li{color:#fff}}@media (max-width:999px){.header{flex-wrap:wrap;height:60px;position:fixed;width:100vw}.header_menulist{display:flex;list-style:none}.header_li{color:gray}.header_li,.onMouse_header_li{font-size:7px;font-weight:bolder;margin-left:1rem;padding:.7rem}.onMouse_header_li{color:#fff}.contents{align-items:center;background-color:#000;border-bottom-left-radius:0;border-bottom-right-radius:0;display:flex;height:100%;justify-content:center;margin:0 auto;opacity:.8;width:100vw}.header_title{color:#fff;font-size:7px;font-weight:700;margin-right:30px}}.project{align-self:center;background:#6495ed;height:100%;padding-bottom:100px;padding-top:80px}.project,.project_containor{display:flex;flex-wrap:wrap;justify-content:center}.project_containor{background:#fff;border-radius:25px 25px;box-shadow:0 10px 20px rgba(0,0,0,.2),0 10px 20px rgba(0,0,0,.2);flex-direction:column;margin:5rem;padding:30px 20px;width:50vw}.project_title{font-size:50px}.project_sub_title{font-size:20px;line-height:10px;text-align:center}.project_contents{display:flex;flex-direction:row;justify-content:center}.project_img{height:600px;padding:20px;width:300px}.project_section{box-sizing:border-box;font-size:15;line-height:30px;padding-left:30px;padding-right:30px;text-align:left}.project_date{color:gray;font-size:12pt;font-weight:400;margin-top:30px}.project a:link,.project a:visited{color:#000}.project a:hover{color:gray}.project a:active{color:#000}@media (max-width:700px){.project{align-self:center;background:#6495ed;height:100%;padding-bottom:100px;padding-top:80px}.project,.project_containor{display:flex;flex-wrap:wrap;justify-content:center}.project_containor{background:#fff;border-radius:0 0;box-shadow:0 10px 20px rgba(0,0,0,.2),0 10px 20px rgba(0,0,0,.2);flex-direction:column;margin:5rem;width:100vw}.project_title{align-self:center;font-size:30px;text-align:center}.project_sub_title{font-size:10px;line-height:10px;text-align:center}.project_contents{display:flex;flex-direction:row;justify-content:center}.project_img{height:200px;padding:5px;width:200px}.project_section{box-sizing:border-box;font-size:2pt;line-height:20px;padding-left:5px;padding-right:5px;text-align:left}.project_date{color:gray;font-size:7pt;font-weight:400;margin-top:20px}}.skills{background:#f5f5f5;display:flex;flex-direction:column;flex-wrap:wrap;height:100%;justify-content:center;padding-top:10px}.skill_title{font-size:50px;margin-top:100px}.skill_sub_title,.skill_title{align-self:center}.Skills_big_containor{display:flex;flex-direction:row;justify-content:center;padding-bottom:100px}.Skills_containor{background:#fff;border-radius:25px 25px;box-shadow:0 10px 20px rgba(0,0,0,.2),0 10px 20px rgba(0,0,0,.2);flex-wrap:wrap;margin:2rem;padding:10px}.Skills_box{height:100px;padding:10px;text-align:center;width:100px}@media (max-width:700px){.skills{background:#f5f5f5;display:flex;flex-direction:column;flex-wrap:wrap;height:100%;justify-content:center;padding-top:10px}.skill_title{font-size:30px;margin-top:100px}.skill_sub_title,.skill_title{align-self:center}.Skills_big_containor{display:flex;flex-direction:column;justify-content:center;padding-bottom:100px}.Skills_containor{background:#fff;border-radius:25px 25px;box-shadow:0 10px 20px rgba(0,0,0,.2),0 10px 20px rgba(0,0,0,.2);flex-wrap:wrap;margin:2rem;padding:10px}.Skills_box{height:100px;padding:10px;text-align:center;width:100px}}.contact{background:#000;display:flex;flex-direction:column;flex-wrap:wrap;opacity:.9;padding-bottom:30px;padding-top:30px}.contact_title{align-self:center;color:ivory;font-size:50px}.align{text-align:start}.align,.icon{display:flex;flex-direction:column;height:500px;justify-content:space-evenly}.icon{margin-right:40px}.contact_contents{color:ivory;display:flex;flex-direction:row;font-size:18px;font-weight:700;justify-content:center}a{text-decoration:none}a:link,a:visited{color:ivory}a:hover{color:wheat}a:active{color:ivory}@media (max-width:700px){.contact_title{align-self:center;color:ivory;font-size:30px}}.App{overflow-x:hidden;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.84640fdd.css.map*/