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}@font-face{font-family:Suit Variable;src:url(/Portfolio/static/media/SUIT-Variable.7c60c626be5e57377247.ttf)}*,:after,:before{box-sizing:border-box}:after,:before{text-decoration:inherit;vertical-align:inherit}.cf:after{clear:both;content:"";display:block}html{-webkit-tap-highlight-color:transparent;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;cursor:default;height:100%;tab-size:4;width:100%;word-break:break-word}body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul{margin:0;margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;padding:0}body,button,input,select,table,textarea{color:#101010;font-family:SUIT Variable,Apple SD Gothic Neo,arial,dotum,돋움,sans-serif;font-size:16px;line-height:1.5}h1,h2,h3,h4,h5,h6{font-size:inherit;line-height:inherit}hr{height:0;overflow:visible}details,main{display:block}dl,menu,ol,ul{list-style:none}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}address,em,i{font-style:normal}a{background-color:initial;color:inherit;cursor:pointer}a,a:hover{text-decoration:none}abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}img{vertical-align:top}fieldset,iframe,img{border-style:none}img,video{max-width:100%}svg:not([fill]){fill:currentColor}svg:not(:root){overflow:hidden}img[src$=".gif"],img[src$=".png"]{-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}table{border-collapse:collapse;border-spacing:0}button{background-color:initial}button,select{text-transform:none}button,input{border:0;border-radius:0;overflow:visible}input:focus{outline:none}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:var(--black)!important;-webkit-box-shadow:0 0 0 1000px var(--white) inset!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;-webkit-transition:background-color 9999s ease-out}input:autofill,input:autofill:active,input:autofill:focus,input:autofill:hover{-webkit-text-fill-color:var(--black)!important;-webkit-box-shadow:0 0 0 1000px var(--white) inset!important;transition:background-color 5000s ease-in-out 0s;-webkit-transition:background-color 9999s ease-out}input:-internal-edge-excel-like-autofill-previewed{color:var(--black)!important}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}figure{margin:0}fieldset{border:1px solid #a0a0a0;padding:.35em .75em .625em}input{overflow:visible}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:initial}select{text-transform:none}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{padding:0}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}dialog{background-color:#fff;border:solid;color:#000;display:block;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}[tabindex],a,area,button,input,label,select,summary,textarea{touch-action:manipulation}[hidden]{display:none}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true],[disabled]{cursor:not-allowed}[aria-hidden=false][hidden]{display:inline;display:initial}[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);position:absolute}body{--black:#121619;--yellow:#ffdb58;--pink:#efd5c0;--grey:#e4e2da;--white:#f9f9f9;--white2:#fff;background-color:var(--black);color:var(--white);margin:0}body:has(.page.dimmed){overflow:hidden}body:has(.cv){background-color:var(--white2);color:var(--black)}.pc{.page{height:100vh;position:relative;width:100%}.page.dimmed:before{background-color:#00000080;content:"";height:100%;position:absolute;z-index:1}.contents,.page.dimmed:before{width:100%}.contents{display:flex;flex-wrap:wrap;margin:0 auto;max-width:1440px;padding:0 100px;position:relative;.localeArea{flex:0 1 100%;height:160px;.inner{align-items:end;display:flex;height:100%;justify-content:end;a{align-items:center;border-bottom:2px solid #0000;color:var(--grey);display:flex;font-size:14px;height:40px;justify-content:center;margin-bottom:16px;padding:0 8px;width:40px}a:hover{border-color:var(--grey)}a.active{border-color:var(--white);color:var(--white);font-variation-settings:"wght" 600}}}.leftArea{align-items:stretch;display:flex;flex-wrap:wrap;height:calc(100vh - 320px);padding:8px 64px 8px 8px;width:35%;.header{.myName{h1{font-size:36px;font-variation-settings:"wght" 600;line-height:1.25}h2{font-size:20px;font-variation-settings:"wght" 500;line-height:1.25;padding-top:16px}div{color:var(--white);padding-top:16px;p{align-items:center;display:flex;img,svg{fill:var(--white);aspect-ratio:1;margin-right:4px;width:18px}}p:not(:first-child){margin-top:4px}}}.leftNavigation{padding:64px 0;a{cursor:pointer;display:flex;margin:2px 0;padding:2px 0;width:-webkit-max-content;width:max-content}a:hover{color:var(--grey);font-variation-settings:"wght" 500}}}}.rightArea{height:calc(100vh - 320px);overflow-y:auto;padding:8px 16px 8px 8px;position:relative;width:65%;.each{margin-bottom:64px;.mainTitle{border-bottom:1px solid var(--grey);font-size:24px;font-variation-settings:"wght" 600;padding:8px 0}.eachInfo{display:flex;padding-top:4px;.eachTitle{flex-shrink:0;width:200px;a,p{font-variation-settings:"wght" 500}a:after{color:var(--yellow);content:"↗";display:inline-flex;font-variation-settings:"wght" 600;margin-left:4px}label{display:flex;padding-top:4px}}.eachDesc{flex-grow:1;p{padding-top:8px;span.bold{color:var(--pink);font-variation-settings:"wght" 600}}p:first-child{padding-top:0}p.skillSpan{span{align-items:center;border:1px solid var(--pink);border-radius:12px;display:inline-flex;flex-wrap:wrap;font-size:14px;margin:1px 4px 1px 0;padding:6px 4px}span.active{background-color:var(--pink);color:var(--black);font-variation-settings:"wght" 600}}.linkContent{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;.eachLink{align-items:center;aspect-ratio:2.5;background-color:#fff;border-radius:8px;color:var(--black);display:flex;justify-content:space-between;margin-top:8px;padding:12px;width:calc(50% - 4px);.imageArea{align-items:center;display:flex;flex:1 0 35%;flex-flow:row wrap;justify-content:center;padding:4px;img{max-height:40px}p{flex:1 0 100%;font-size:14px;margin-top:4px;padding:0;text-align:center}&.maxHeight{img{max-height:60px}}}.hoverChange{align-items:center;display:flex;flex:1 0 65%;flex-wrap:wrap;justify-content:center;a{align-items:center;background-color:var(--black);border:1px solid var(--grey);color:var(--white);display:flex;flex:0 1 90%;font-size:14px;font-variation-settings:"wght" 600;justify-content:center;margin-left:4px;margin-top:0;padding:4px}a:nth-child(2n){margin-top:4px}a:after{color:var(--yellow);content:"↗";margin-left:4px}a:first-child:after{content:"↑"}}}}input,textarea{background-color:var(--white);border-radius:4px;color:var(--black);padding:6px 8px}textarea{aspect-ratio:3;outline:medium none invert;outline:initial}}.eachDesc:has(input,textarea){display:flex;flex-flow:column;max-width:100%}.eachDesc:has(.button){align-items:center;display:flex;flex-grow:1;justify-content:flex-start;max-width:100%;padding-left:200px;.button{align-items:center;background-color:var(--black);border:1px solid var(--pink);border-radius:4px;color:var(--pink);display:flex;flex-grow:1;font-variation-settings:"wght" 600;justify-content:center;margin-top:-6px;padding:8px 16px;svg{fill:var(--black);animation:rotateImage 1s linear infinite;aspect-ratio:1;display:none;transform-origin:50% 50%;width:24px}}.button.active,.button:hover{background-color:var(--pink);color:var(--black)}.button.active{span{display:none}svg{display:block}}}}.eachInfo:not(:first-child){margin-top:16px}}.each:nth-child(2){margin-top:16px}.each:last-child{margin-bottom:0}}.rightArea::-webkit-scrollbar{border-radius:1px;width:4px}.rightArea::-webkit-scrollbar-thumb,.rightArea::-webkit-scrollbar-track{background-color:var(--black);border-radius:1px}.rightArea:hover::-webkit-scrollbar-thumb{background-color:var(--grey)}.footer{height:160px;.footerLink{padding-bottom:8px;.linkArea{a{svg{fill:var(--white);aspect-ratio:1;width:28px}svg.w32{width:32px}}}}}}.popup{align-items:center;bottom:0;display:none;height:100%;justify-content:center;position:fixed;width:100%;z-index:100;.inner{background-color:#fff;border-radius:12px;color:#000;height:calc(100vh - 200px);min-width:768px;padding:40px;width:60%;.nav{align-items:center;display:flex;flex-wrap:wrap;margin-top:-35px;a{border-bottom:2px solid #0000;color:#a8a8a8;display:flex;font-variation-settings:"wght" 600;margin-right:0;padding:12px 6px;width:-webkit-max-content;width:max-content}a:not(:last-child){margin-right:8px}a.active,a:hover{border-color:var(--black);color:var(--black)}}.close{align-items:center;display:flex;justify-content:end;svg{fill:var(--black);height:24px;width:24px}}.projects{margin-top:16px;max-height:calc(100% - 74px);overflow-y:auto;padding:0 0 32px;.eachProject{display:none;ul{margin-top:32px;li{align-items:center;display:flex}li:first-child{font-variation-settings:"wght" 600}li:last-child{align-items:flex-start}li:before{align-items:center;background-color:var(--pink);border-radius:4px;display:flex;flex-shrink:0;font-size:12px;font-variation-settings:"wght" 400;justify-content:center;margin-right:12px;width:60px}li:first-child:before{content:"Project"}li:nth-child(2):before{content:"Date"}li:nth-child(3):before{content:"Skills"}li:nth-child(4):before{content:"Role"}li:nth-child(5):before{content:"Contrib."}li:nth-child(6):before{content:"Content";margin-top:3px}}ul:first-child{margin-top:0}}.eachProject.active{display:block}}.projects::-webkit-scrollbar{border-radius:1px;width:4px}.projects::-webkit-scrollbar-thumb{background-color:var(--grey)}.projects::-webkit-scrollbar-track{background-color:initial;border-radius:1px}}}.popup:has(.inner.open){display:flex}.alert{align-items:center;bottom:0;display:none;height:100%;justify-content:center;position:fixed;width:100%;z-index:100;.inner{background-color:var(--white);border-radius:12px;color:var(--black);max-width:420px;padding:20px 20px 60px;width:100%;.close{align-items:center;display:flex;justify-content:end;svg{fill:var(--black);height:24px;width:24px}}.description{align-items:center;display:flex;justify-content:center;padding-top:16px;svg{aspect-ratio:1;margin-right:4px;width:24px}.error.active,.success.active{display:block}.error{fill:#e71d36;display:none}.success{fill:#3f51b5;display:none}.text{font-size:20px;font-variation-settings:"wght" 600}}}}.alert:has(.inner.open){display:flex}}@keyframes rotateImage{to{transform:rotate(1turn)}}@media (max-width:1300px){.pc{font-size:1.23vw;.contents{max-width:110.77vw;padding:0 7.69vw;.localeArea{height:12.31vw;.inner{a{border-bottom:.15vw solid #0000;font-size:1.08vw;height:3.08vw;padding:0 .62vw;width:3.08vw}}}.leftArea{height:calc(100vh - 24.62vw);padding:.62vw 4.92vw .62vw .62vw;.header{.myName{h1{font-size:2.77vw}h2{font-size:1.54vw}div,h2{padding-top:1.23vw}div{p{img{margin-right:.31vw;width:1.38vw}}}}.leftNavigation{padding:4.92vw 0;a{margin:.15vw 0;padding:.15vw 0}}}}.rightArea{height:calc(100vh - 24.62vw);padding:.62vw 1.23vw .62vw .62vw;.each{margin-bottom:4.92vw;.mainTitle{border-bottom:.08vw solid var(--grey);font-size:1.85vw;padding:.62vw 0}.eachInfo{padding-top:.31vw;.eachTitle{width:15.38vw;a:after{margin-left:.31vw}label{padding-top:.31vw}}.eachDesc{p{padding-top:.62vw}p:first-child{padding-top:0}p.skillSpan{span{border:.08vw solid var(--pink);border-radius:.92vw;font-size:1.08vw;margin:.08vw .31vw .08vw 0;padding:.46vw .31vw}}.linkContent{.eachLink{aspect-ratio:4;border-radius:.62vw;flex:0 1 80%;margin-top:.62vw;padding:.92vw;.imageArea{img{max-height:3.08vw}p{font-size:1.08vw;margin-top:.31vw;padding:0}&.maxHeight{img{max-height:4.62vw}}}.hoverChange{a{border:.08vw solid var(--grey);font-size:1.08vw;margin-top:0;padding:.31vw}a:nth-child(2n){margin-top:.31vw}a:after{margin-left:.31vw}}}}.linkContent:has(.eachLink){max-width:420px}input,textarea{border-radius:.31vw;font-size:1.23vw;padding:.46vw .62vw}}.eachDesc:has(input,textarea){max-width:41.02vw}.eachDesc:has(.button){padding-left:15.38vw;.button{border:.08vw solid var(--pink);border-radius:.31vw;flex-flow:initial;flex-grow:0;margin-top:-.46vw;padding:.62vw 1.23vw;width:41.02vw;svg{width:1.85vw}}}}.eachInfo:not(:first-child){margin-top:1.23vw}}.each:nth-child(2){margin-top:1.23vw}}.rightArea::-webkit-scrollbar{border-radius:.08vw;width:.31vw}.rightArea::-webkit-scrollbar-thumb,.rightArea::-webkit-scrollbar-track{border-radius:.08vw}.footer{height:12.31vw;.footerLink{padding-bottom:.62vw;.linkArea{a{svg{width:2.15vw}svg.w32{width:2.46vw}}}}}}.popup{.inner{border-radius:.92vw;height:calc(100vh - 15.38vw);min-width:59.08vw;padding:3.08vw;.close{svg{fill:var(--black);height:1.85vw;width:1.85vw}}.nav{margin-top:-2.69vw;a{border-bottom:.15vw solid #0000;margin-right:0;padding:.92vw .46vw}a:not(:last-child){margin-right:.62vw}}.projects{margin-top:1.23vw;max-height:calc(100% - 5.69vw);padding:0 0 2.46vw;.eachProject{ul{margin-top:2.46vw;li:before{border-radius:.31vw;font-size:.92vw;margin-right:.92vw;width:4.62vw}li:nth-child(6):before{margin-top:.23vw}}ul:first-child{margin-top:0}}}.projects::-webkit-scrollbar{width:.31vw}}}.alert{.inner{border-radius:.92vw;max-width:32.31vw;padding:1.54vw 1.54vw 4.62vw;.close{svg{fill:var(--black);height:1.85vw;width:1.85vw}}.description{padding-top:1.23vw;svg{margin-right:.31vw;width:1.85vw}.text{font-size:1.54vw}}}}}}@media (max-width:1024px){.pc{.contents,.page{height:100%}.contents{flex-wrap:wrap;max-width:100%;width:100%;.localeArea{height:60px}.leftArea,.rightArea{height:auto;width:100%;.header{.leftNavigation{a{display:inline-flex}a:not(:first-child){margin-left:8px}a:not(:first-child):before{content:"▪";padding-right:8px}}}.each{.eachInfo{.eachDesc{.linkContent{.eachLink{aspect-ratio:2.5;flex-basis:calc(50% - 0.31vw);flex-grow:0;flex-shrink:1}}}}}}.footer{align-items:center;justify-content:center;padding:24px 0}}.popup{.inner{font-size:12px;max-width:768px;min-width:0;min-width:auto;width:95%;.projects{.eachProject{display:none;ul{margin-top:32px;li{margin-top:3px}}}}}}}}@media (max-width:768px){.pc{font-size:12px;.contents{max-width:851px;padding:0 40px;.localeArea{.inner{a{border-bottom:1px solid #0000;font-size:8px;height:24px;padding:0 5px;width:24px}}}.leftArea{height:100%;padding:5px 38px 5px 5px;.header{.myName{h1{font-size:21px}h2{font-size:12px}div,h2{padding-top:9px}div{p{img{margin-right:2px;width:11px}}}}.leftNavigation{padding:38px 0;a{margin:1px 0;padding:1px 0}a:not(:first-child){margin-left:4px}a:not(:first-child):before{content:"▪";padding-right:4px}}}}.rightArea{height:100%;padding:5px 9px 5px 5px;.each{margin-bottom:38px;.mainTitle{border-bottom:1px solid var(--grey);font-size:14px;padding:5px 0}.eachInfo{padding-top:2px;.eachTitle{width:118px;a:after{margin-left:2px}label{padding-top:2px}}.eachDesc{p{padding-top:5px}p:first-child{padding-top:0}p.skillSpan{span{border:1px solid var(--pink);border-radius:7px;font-size:8px;margin:1px 2px 1px 0;padding:4px 2px}}.linkContent{.eachLink{border-radius:5px;margin-top:5px;padding:7px;width:calc(50% - 2px);.imageArea{img{max-height:24px}p{font-size:8px;margin-top:2px;padding:0}&.maxHeight{img{max-height:35px}}}.hoverChange{a{border:1px solid var(--grey);font-size:8px;margin-top:0;padding:2px}a:nth-child(2n){margin-top:2px}a:after{margin-left:2px}}}}input,textarea{border-radius:2px;font-size:12px;padding:4px 5px}}.eachDesc:has(input,textarea){max-width:420px}.eachDesc:has(.button){padding-left:118px;.button{border:1px solid var(--pink);border-radius:2px;margin-top:-4px;padding:5px 9px;width:420px;svg{width:14px}}}}.eachInfo:not(:first-child){margin-top:9px}}.each:nth-child(2){margin-top:9px}}.footer{.footerLink{padding-bottom:5px;.linkArea{a{svg{width:18px}svg.w32{width:20px}}}}}}.popup{.inner{border-radius:7px;height:calc(100vh - 118px);min-width:454px;padding:24px;.close{svg{fill:var(--black);height:14px;width:14px}}.nav{margin-top:-24px;a{border-bottom:1px solid #0000;margin-right:0;padding:7px 4px}a:not(:last-child){margin-right:5px}}.projects{margin-top:9px;max-height:calc(100% - 32px);padding:0 0 19px;.eachProject{ul{margin-top:19px;li:before{border-radius:2px;font-size:7px;margin-right:7px;width:35px}li:nth-child(6):before{margin-top:2px}}ul:first-child{margin-top:0}}}.projects::-webkit-scrollbar{width:2px}}}.alert{.inner{border-radius:7px;max-width:248px;padding:9px 12px 35px;.close{svg{fill:var(--black);height:14px;width:14px}}.description{svg{margin-right:2px;width:14px}.text{font-size:12px}}}}}}@media (max-width:560px){.pc{.contents{.leftArea,.rightArea{width:100%;.each{.eachInfo{.eachDesc{.linkContent{.eachLink{aspect-ratio:4;flex:0 1 90%}}}}}}}}}.mobile{font-size:14px;.page{height:100%;position:relative;width:100%}.page.dimmed:before{background-color:#00000080;content:"";height:100vh;overflow-y:hidden;position:absolute;z-index:1}.contents,.page.dimmed:before{width:100%}.contents{max-width:100%;padding:20px;position:relative;.localeArea{.inner{align-items:center;display:flex;justify-content:end;a{align-items:center;border-bottom:2px solid #0000;color:var(--grey);display:flex;font-size:14px;height:40px;justify-content:center;padding:0 8px;width:40px}a:hover{border-color:var(--grey)}a.active{border-color:var(--white);color:var(--white);font-variation-settings:"wght" 600}}}.leftArea{align-items:stretch;display:flex;flex-wrap:wrap;padding:20px 0 0;.header{.myName{h1{font-size:36px;font-variation-settings:"wght" 600;line-height:1.25}h2{font-size:20px;font-variation-settings:"wght" 500;line-height:1.25;padding-top:16px}div{color:var(--white);padding-top:16px;p{align-items:center;display:flex;img,svg{aspect-ratio:1;margin-right:4px;width:18px}}}}.leftNavigation{padding:24px 0;a{cursor:pointer;display:flex;margin:2px 0;padding:2px 0;width:-webkit-max-content;width:max-content}a:hover{color:var(--grey);font-variation-settings:"wght" 500}}}}.rightArea{overflow-y:auto;padding:0;position:relative;.each{margin-top:32px;padding-top:32px;.mainTitle{border-bottom:1px solid var(--grey);font-size:24px;font-variation-settings:"wght" 600;padding:8px 0}.eachInfo{padding-top:4px;.eachTitle{flex-shrink:0;a,p{font-size:18px;font-variation-settings:"wght" 600}a:after{color:var(--yellow);content:"↗";display:inline-flex;font-variation-settings:"wght" 600;margin-left:4px}label{display:flex;padding-top:4px}}.eachDesc{p{padding-top:8px;span.bold{color:var(--pink);font-variation-settings:"wght" 600}}p.skillSpan span{align-items:center;border:1px solid var(--pink);border-radius:12px;display:inline-flex;flex-wrap:wrap;font-size:14px;margin:1px 4px 1px 0;padding:6px 4px}input,textarea{background-color:var(--white);border-radius:4px;color:var(--black);margin-top:8px;padding:6px 8px}textarea{aspect-ratio:3;outline:medium none invert;outline:initial}.linkContent{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;.eachLink{align-content:center;align-items:center;aspect-ratio:3.5;background-color:#fff;border-radius:8px;color:var(--black);display:flex;flex-grow:1;flex-wrap:wrap;justify-content:center;margin-top:8px;padding:16px;transition:all .25s linear;.hoverChange,.imageArea{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;width:50%}img{display:block;max-height:40px;max-width:100px}p{line-height:1;margin-top:4px;padding:0 20px;text-align:center}.imageArea.maxHeight{img{max-height:60px}}.hoverChange{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;a{align-items:center;background-color:var(--black);border:1px solid var(--grey);color:var(--white);display:flex;flex-grow:1;font-size:14px;font-variation-settings:"wght" 600;justify-content:center;margin-top:0;padding:4px;text-align:center}a:nth-child(2n){margin-top:4px}a:after{color:var(--yellow);content:"↗";display:inline-flex;margin-left:4px}a:first-child:after{content:"↑"}}}}}.eachDesc:has(input,textarea){display:flex;flex-flow:column;max-width:100%}.eachDesc:has(.button){align-items:center;display:flex;flex-grow:1;justify-content:flex-start;.button{align-items:center;background-color:var(--black);border:1px solid var(--pink);border-radius:4px;color:var(--pink);display:flex;flex-grow:1;font-variation-settings:"wght" 600;justify-content:center;padding:8px 16px;svg{fill:var(--black);animation:rotateImage 1s linear infinite;aspect-ratio:1;display:none;transform-origin:50% 50%;width:24px}}.button.active{background-color:var(--pink);color:var(--black);span{display:none}svg{display:block}}}}.eachInfo:not(:first-child){margin-top:16px}}.each:not(:first-child){.eachInfo:not(:nth-child(2)){margin-top:32px}}.each:first-child{padding-top:0;.eachInfo{.eachDesc{p{padding-top:0}}}}.each:last-child{.eachInfo,.eachInfo:not(:nth-child(2)){margin-top:16px}}}.footer{align-items:center;border-top:1px solid var(--grey);display:flex;flex:0 0 100%;flex-wrap:wrap;justify-content:center;margin:100px 0 20px;padding:24px 0 0;text-align:center;.footerLink{flex:0 0 100%;padding-bottom:8px;.linkArea{a{svg{fill:var(--white);aspect-ratio:1;width:28px}svg.w32{width:32px}}}}.footerText{flex:0 0 100%}}}.popup{align-items:center;bottom:-40px;display:none;height:100vh;justify-content:center;position:fixed;width:100%;z-index:100;.inner{background-color:#fff;border-radius:12px 12px 0 0;color:#000;height:calc(100% - 80px);overflow-y:hidden;padding:20px;width:100%;.close{align-items:center;display:flex;justify-content:end;svg{fill:var(--black);height:24px;width:24px}}.nav{align-items:center;display:flex;flex-wrap:wrap;margin-top:-10px;a{border-bottom:2px solid #0000;color:var(--grey);display:flex;font-variation-settings:"wght" 600;margin-right:0;padding:12px 6px;width:-webkit-max-content;width:max-content}a:not(:last-child){margin-right:8px}a.active,a:hover{border-color:var(--black);color:var(--black)}}.projects{margin-top:16px;max-height:calc(100% - 130px);overflow-y:auto;padding:0 0 32px;.eachProject{display:none;ul{margin-top:32px;li{align-items:flex-start;display:flex}li:first-child{font-variation-settings:"wght" 600}li:first-child:before{content:"Project"}li:nth-child(2):before{content:"Date"}li:nth-child(3):before{content:"Skills"}li:nth-child(4):before{content:"Role"}li:nth-child(5):before{content:"Contrib."}li:nth-child(6):before{content:"Content"}li:before{align-items:center;background-color:var(--pink);border-radius:4px;display:flex;flex-shrink:0;font-size:12px;font-variation-settings:"wght" 400;justify-content:center;margin-right:12px;margin-top:3px;width:60px}}ul:first-child{margin-top:0}}.eachProject.active{display:block}}}}.popup:has(.inner.open){display:flex}.alert{align-items:center;bottom:0;display:none;height:100%;justify-content:center;position:fixed;width:100%;z-index:100;.inner{background-color:var(--white);border-radius:12px;bottom:20px;color:var(--black);max-width:420px;padding:20px 20px 60px;position:absolute;width:calc(100% - 20px);.close{align-items:center;display:flex;justify-content:end;svg{fill:var(--black);height:24px;width:24px}}.description{align-items:center;display:flex;justify-content:center;padding-top:18px;svg{aspect-ratio:1;margin-right:4px;width:24px}.error.active,.success.active{display:block}.error{fill:#e71d36;display:none}.success{fill:#3f51b5;display:none}.text{font-size:16px;font-variation-settings:"wght" 600}}}}.alert:has(.inner.open){display:flex}}.cv{margin:0 auto;max-width:1000px;width:100%;.header{position:relative;text-align:left;h1{font-size:32px;font-variation-settings:"wght" 700;line-height:40px;padding-top:16px}p{margin-top:8px}a:has(img){aspect-ratio:1;max-width:100px;position:absolute;right:0;top:0;p{font-size:14px;margin-top:0;text-align:center}}a:has(img)+p{margin-top:0}}.content{margin-top:24px;.each{.title{border-bottom:1px solid var(--black);font-size:20px;font-variation-settings:"wght" 600;padding-bottom:8px}.description{padding-bottom:8px;&:first-child{padding-top:16px}.eachDescription{.main{align-items:flex-end;display:flex;justify-content:space-between;padding-top:8px;span{display:inline-flex}.info{align-items:center;display:flex;span:first-child{font-size:18px;font-variation-settings:"wght" 600}span:not(:first-child){flex-shrink:0;margin-left:8px}}.date{display:flex;span:last-child{justify-content:end;width:180px}}}.main+.main{padding-top:0}.sub{ul{li{list-style:disc;margin-left:18px;padding-top:4px}li.point{list-style:"‣   "}}}}}.description.linkList{.eachDescription{.info{span:first-child{width:80px}}}}}.each:not(:first-child){margin-top:12px}}}.error{align-items:center;display:flex;height:100vh;justify-content:center;width:100%;p{font-size:96px;font-variation-settings:"wght" 600}a{border:1px solid var(--white);display:block;padding:8px 16px;text-align:center}a:hover{background-color:var(--white);color:var(--black);font-variation-settings:"wght" 600}}
/*# sourceMappingURL=main.25f79d17.css.map*/