/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}*{font-family:"Libre Franklin",sans-serif;box-sizing:border-box}:root{--Oikawa:#20b2aa;--Uniform:#f2f4f1;--Eyes:#000;--cloudBlue:#d3d3d3;--Jacket:#a9a9a9;--shadowAnimateSpeed:0.6s}html{background-color:#f2f4f1;background-color:var(--Uniform)}header{display:flex;justify-content:space-between;background-color:#20b2aa;background-color:var(--Oikawa);box-shadow:0 5px 5px rgb(0 0 0/30%)}h1{margin-left:30px;color:#f2f4f1;color:var(--Uniform);font-family:"Kanit",sans-serif;font-size:2.2rem;font-weight:400}.nav-tabs{display:flex;align-items:center}li{list-style-type:none}.nav-link{text-decoration:none;margin:0 15px;color:#f2f4f1;color:var(--Uniform);padding:15px;border-radius:5px}.nav-link,.nav-link:hover{transition:box-shadow .6s;transition:box-shadow var(--shadowAnimateSpeed)}.nav-link:hover{box-shadow:3px 3px 6px rgb(0 0 0/33%),-3px -3px 6px rgb(255 255 255/25%)}.nav-link:active{box-shadow:inset 6px 6px 12px rgb(0 0 0/50%),inset -6px -6px 12px rgb(255 255 255/5%)}.active,.nav-link:active{transition:box-shadow .6s;transition:box-shadow var(--shadowAnimateSpeed)}.active{box-shadow:0 0 0 rgb(0 0 0/0),0 0 0 rgb(0 0 0/0),inset 6px 6px 12px rgb(0 0 0/50%),inset -6px -6px 12px rgb(255 255 255/5%)}.active:hover{box-shadow:3px 3px 6px rgb(0 0 0/33%),-3px -3px 6px rgb(255 255 255/25%),inset 0 0 0 rgb(0 0 0/0),inset 0 0 0 rgb(0 0 0/0);transition:box-shadow .6s;transition:box-shadow var(--shadowAnimateSpeed)}.page-section{margin:50px auto;padding:0 50px;max-width:1200px}h2{color:#000;color:var(--Eyes);font-family:"Kanit",sans-serif;font-size:2rem;font-weight:400;padding:10px;margin-bottom:40px}.lines{border-left:10px solid #a9a9a9;border-left:10px solid var(--Jacket);border-bottom:3px solid #a9a9a9;border-bottom:3px solid var(--Jacket)}.about-me-flex{display:flex;align-items:flex-start}.profile-pic{width:400px;border-radius:20%;box-shadow:3px 3px 6px rgb(0 0 0/33%),-3px -3px 6px rgb(255 255 255/100%)}p{margin:0 0 0 30px;line-height:1.8;text-align:justify}h4{color:#000;color:var(--Eyes);font-family:"Kanit",sans-serif;font-size:1.5rem;font-weight:400;padding:10px;margin-bottom:10px;margin-top:10px;text-align:center}.all-projects-container{display:flex;justify-content:space-between;flex-wrap:wrap;max-width:1200px}.project-card{margin-bottom:70px;flex:0 0 45%}.project-image-btns{flex:0 1 100%}img{width:450px;height:300px;margin-left:20px;box-shadow:3px 3px 6px rgb(0 0 0/33%),-3px -3px 6px rgb(255 255 255/100%)}.project-btn-wrapper{display:flex;justify-content:center;margin-top:10px}.btn-left,.btn-right{flex:1 1 50%;text-align:center;background-color:#a9a9a9;background-color:var(--Jacket);padding:10px 0;color:#f2f4f1;color:var(--Uniform);text-decoration:none}.btn-left{border-radius:8px 0 0 8px;border-right:3px solid #000;border-right:3px solid var(--Eyes)}.btn-right{border-radius:0 8px 8px 0}.btn-left:hover,.btn-right:hover{background-color:#000;background-color:var(--Eyes)}.form{display:flex;flex-direction:column;align-items:center}.form input{width:400px;margin-bottom:20px}.form textarea{width:400px;height:200px}h5{margin-top:10px;margin-bottom:0}button{margin-top:20px;background-color:#20b2aa;background-color:var(--Oikawa);color:#f2f4f1;color:var(--Uniform);padding:10px 20px;border:none;box-shadow:3px 3px 6px rgb(0 0 0/33%),-3px -3px 6px rgb(255 255 255/100%)}button:disabled{background-color:#d3d3d3;background-color:var(--cloudBlue);box-shadow:none}button:active{box-shadow:none;box-shadow:0 0 0 rgb(0 0 0/0),0 0 0 rgb(0 0 0/0),inset 6px 6px 12px rgb(0 0 0/50%),inset -6px -6px 12px rgb(255 255 255/5%)}.page-section a{color:#a9a9a9;color:var(--Jacket);text-decoration:none}.project-btn-wrapper a{color:#f2f4f1;color:var(--Uniform)}h3{text-align:center}.flex-lists{display:flex;justify-content:space-evenly}.flex-lists li{margin-bottom:10px}footer{display:flex;justify-content:center}footer a{color:#20b2aa;color:var(--Oikawa);margin:30px}footer a,footer a:hover{transition:color .6s;transition:color var(--shadowAnimateSpeed)}footer a:hover{color:#d3d3d3;color:var(--cloudBlue)}@media screen and (max-width:860px){header{flex-wrap:wrap}h1{margin:.67em auto;width:100%;text-align:center}.nav-tabs{margin:10px auto 40px;padding:0}}@media screen and (max-width:600px){.about-me-flex{display:block}.lines{border-right:10px solid #a9a9a9;border-right:10px solid var(--Jacket)}h2,h4{text-align:center}img{width:250px;margin-left:40px}.nav-link{margin:0 5px;font-size:.7rem;padding:10px}.page-section{padding:0 20px}.profile-pic{display:block;margin:0 auto;width:300px}p{margin:30px 0 0}.project-card{flex:0 0 100%;margin-bottom:20px}.form input,.form textarea{width:100%}.flex-lists{display:block}}
/*# sourceMappingURL=main.9e3ede4c.chunk.css.map */