@import url(https://fonts.googleapis.com/css?family=Material+Icons);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{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}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Poster{background-image:url(/Portfolio/static/media/background2.c9ec8a93d5bbd0d7ded0.png);background-repeat:no-repeat;background-size:cover;text-align:center}.Poster-body>h1{font-size:2rem;justify-content:center;min-height:8vh;padding:20px 10rem}.Poster-body>h1,.Poster-footer{background-color:#50903c;color:#fff3c7;display:flex}.Poster-footer{flex-direction:column;font-size:calc(10px + 2vmin);margin-top:5%;text-align:center}.Card-layout{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.Card-layout>div{margin:8px;padding:16px}.Card{border:1px #474646;border-radius:8px;width:300px}.ImpactCard{align-items:stretch;display:flex;justify-content:center;min-height:10vh}.Content-layout,.InfoContent-layout{align-content:center;display:flex;gap:20px}.InfoContent-layout{align-items:end;background-color:#911f1f;color:#fff3c7;padding:16px}.InfoExpanded-layout{display:flex;flex-direction:column;gap:12px;margin-left:1%;margin-right:1%}.row{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}.headercontent{background-color:#ffe6b8}.headercontent>h1{background-color:orange;color:#fff;display:flex;font-size:2rem;justify-content:flex-start;min-height:8vh;padding:20px 10rem}.contentBox{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:center;padding:8px 10rem}.list-layout{align-items:stretch;display:flex;margin-top:8px}.predict-content{align-items:center;display:flex;gap:4px;padding:20px}.Hexagon{background-color:#000}.Hexagon-header{background-color:#c51919;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin)}.Hexagon-header>h4{margin-left:5%;padding:20px}*{margin:0;padding:0}.hex-body{background:#000}#hexGrid{display:flex;flex-wrap:wrap;font-family:Raleway,sans-serif;font-size:14px;list-style-type:none;margin:0 auto;overflow:hidden;width:65%}.hex{outline:1px solid #0000;position:relative;visibility:hidden}.hex:after{content:"";display:block;padding-bottom:86.602%}.hexIn{margin:0 2%;overflow:hidden;padding-bottom:110.851%;transform:rotate(-60deg) skewY(30deg);visibility:hidden;width:96%}.hexIn,.hexIn *{outline:1px solid #0000;position:absolute}.hexIn *{visibility:visible}.hexLink{background-color:#c51919;color:#fff;display:block;height:100%;overflow:hidden;text-align:center;transform:skewY(-30deg) rotate(60deg);width:100%}.hex img{height:100%;left:-100%;margin:0 auto;right:-100%;transform:rotate3d(0,0,0,0deg);width:99%}.hex h1,.hex p{background-color:#750000cc;box-sizing:border-box;font-weight:700;padding:5%;transition:transform .2s ease-out,opacity .3s ease-out;width:100%}.hex h1{bottom:50%;font-size:1.5em;padding-top:50%;transform:translate3d(0,-100%,0);z-index:1}.hex h1:after{border-bottom:1px solid #fff;bottom:0;content:"";left:45%;position:absolute;text-align:center;width:10%}.hex p{padding-bottom:60%;top:50%;transform:translate3d(0,100%,0)}.hexLink:focus h1,.hexLink:focus p,.hexLink:hover h1,.hexLink:hover p{transform:translateZ(0)}@media (min-width:1201px){#hexGrid{padding-bottom:4%;padding-top:4%}.hex{width:20%}.hex:nth-child(9n+6){margin-left:10%}}@media (max-width:1200px) and (min-width:901px){#hexGrid{padding-bottom:5.5%}.hex{width:25%}.hex:nth-child(7n+5){margin-left:12.5%}}@media (max-width:900px) and (min-width:601px){#hexGrid{padding-bottom:7.4%}.hex{width:33.333%}.hex:nth-child(5n+4){margin-left:16.666%}}@media (max-width:600px){#hexGrid{padding-bottom:11.2%}.hex{width:50%}.hex:nth-child(3n+3){margin-left:25%}}@media (max-width:400px){#hexGrid{font-size:13px}}.Home{background-color:#d0e3ff;background-image:url(/Portfolio/static/media/bg.745713a7aa7ba8a8fde0.png);background-size:cover}.intro{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:20px 10rem}.content{align-content:flex-start;color:#081f5c;display:flex;flex-direction:column;gap:4px;justify-content:center;margin:0 16px;padding:0;text-align:left}.content>h1{font-size:48px;text-decoration-line:underline;text-decoration-style:dotted;text-transform:capitalize;z-index:1}.content>p{font-size:20px;font-weight:800px;z-index:1}#flower{height:fit-content;left:41%;position:absolute;top:30%;transform:rotate(-45deg);width:40px;z-index:0;@media screen and (max-width:767px){left:63%;top:14%}}.intro>img{background-image:url(/Portfolio/static/media/bg2.d4e6b157f6f148c90de4.png);border:4px solid #081f5c;border-radius:38% 62% 63% 40%/41% 40% 50% 59%;filter:drop-shadow(2px 5px 8px #081F5C);height:320px;object-fit:contain;width:320px}.intro:hover>img{transform:rotate(-30deg)}.body-content>h3{align-items:flex-start;display:flex;font-size:20px;margin:0 16px;padding:8px 11rem;text-align:left}.body-content>hr{border:1.5px solid #0f2743;border-radius:5px;margin:0 auto;width:88%}@media screen and (max-width:767px){.body-content>h3,.intro{padding:20px}.body-content>hr{margin:0 auto;width:88%}}#tag{margin:8px 0}#tag-ui{background-color:#334eac}#tag-ui,#tag-web{border-radius:12px;color:#f7f2eb;font-weight:500;padding:4px 8px}#tag-web{background-color:orange}#tag-graphic{background-color:#5d11a3}#tag-graphic,#tag-other{border-radius:12px;color:#f7f2eb;font-weight:500;padding:4px 8px}#tag-other{background-color:#14998e}*{box-sizing:border-box}body{margin:0}.container{margin:1rem;text-align:center}.nav{align-items:stretch;background-image:url(/Portfolio/static/media/bg.745713a7aa7ba8a8fde0.png);background-size:cover;color:#0f2743;display:flex;gap:2rem;justify-content:space-between;padding:16px 10rem}.nav ul{display:flex;gap:1rem;list-style:none;margin:0;padding:0}#button{align-items:center;color:inherit;display:flex;font-size:1.2rem;font-weight:500;height:100%;padding:.25rem;text-decoration:none;text-transform:capitalize}#button:active,#button:hover{color:#334eac;text-decoration:underline}#button:disabled{color:#c9c9c9}@media screen and (max-width:767px){.nav{padding:20px}#button{font-size:.9rem}}.material-icons{word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";direction:ltr;display:inline-block;font-family:Material Icons;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;position:relative;text-rendering:optimizeLegibility;text-transform:none;white-space:nowrap}.UIheader{background-color:#ffe6b8}.Figma-header>h1{background-color:#334eac;@media screen and (max-width:767px){padding-bottom:20px;padding-left:20px;padding-right:20px;padding-top:20px}}.Figma-header>h1,.UI-header>h1{color:#f7f2eb;display:flex;font-size:2rem;justify-content:flex-start;min-height:8vh;padding:20px 10rem}.UI-header>h1{background-color:#f90;@media screen and (max-width:767px){padding-bottom:20px;padding-left:20px;padding-right:20px;padding-top:20px}}.UI-body{padding:20px 10rem;@media screen and (max-width:767px){padding-bottom:20px;padding-left:20px;padding-right:20px;padding-top:20px}}.tab-design{width:50%}.result-design{align-content:center;display:flex;flex-direction:column;gap:20px 20px;justify-content:center;max-width:100%}.result-design>img{max-width:100%}.result-design>h2{color:#503300}.result-design>iframe{height:800;width:"80%"}.design-process>p{font-family:Times New Roman,Times,serif}.image-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-start;padding:2rem}div.item{align-items:center;display:flex;flex-direction:column}div.item>img{border:1.125vh solid #998a75;border-radius:20px;height:fit-content;width:240px;@media screen and (max-width:767px){width:200px}}.caption{color:#312817}@media screen and (max-width:767px){.UI-body,.UIheader>h1{padding:20px}.result-design>iframe{height:800;width:"80%"}}.image-content-pg2{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:2rem}div.item-pg2{align-items:center;display:flex;flex-direction:column}div.item-pg2>img{border:.725vh solid #998a75;border-radius:8px;height:fit-content;width:600px;@media screen and (max-width:767px){border-bottom-color:#998a75;border-bottom-style:solid;border-bottom-width:.525vh;border-left-color:#998a75;border-left-style:solid;border-left-width:.525vh;border-right-color:#998a75;border-right-style:solid;border-right-width:.525vh;border-top-color:#998a75;border-top-style:solid;border-top-width:.525vh;width:320px}}.image-content-mobile{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:2rem}div.item-mobile{align-items:center;display:flex;flex-direction:column;justify-content:flex-start}div.item-mobile>img{border:.725vh solid #998a75;border-radius:8px;height:fit-content;width:320px;@media screen and (max-width:767px){border-bottom-color:#998a75;border-bottom-style:solid;border-bottom-width:.525vh;border-left-color:#998a75;border-left-style:solid;border-left-width:.525vh;border-right-color:#998a75;border-right-style:solid;border-right-width:.525vh;border-top-color:#998a75;border-top-style:solid;border-top-width:.525vh;width:160px}}.caption-mobile{word-wrap:break-word;color:#312817;margin-top:8px;text-align:center;width:60%}.Resume-body{background-color:#f5f2ee;background-image:url(/Portfolio/static/media/bg.745713a7aa7ba8a8fde0.png);background-size:cover;padding:4px;@media screen and (max-width:767px){padding-bottom:12px;padding-left:12px;padding-right:12px;padding-top:12px}}.Resume-header>h1{background-color:#334eac;color:#f7f2eb;display:flex;font-size:2rem;justify-content:flex-start;min-height:8vh;padding:20px 10rem;@media screen and (max-width:767px){padding-bottom:20px;padding-left:20px;padding-right:20px;padding-top:20px}}#list{margin-left:20px}#imgStyle{display:flex;justify-content:center;padding-top:20px}#action:hover{cursor:pointer}
/*# sourceMappingURL=main.38771f08.css.map*/