@import url(https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;1,100;1,200;1,300;1,400;1,500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai+Looped&display=swap);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}*{box-sizing:border-box}body{background-color:#021322;background-image:url(/static/media/background.568ed08e9db2164d4b61.jpg);overflow-x:hidden}.full-nav{background-color:#f5f5f5;height:60px;margin-top:20px}.nav-name{color:#000}.navbar-nav{font-size:18px;justify-content:center;margin-top:20px;padding-bottom:20px;width:90%}.navbar-brand a{font-size:28px;padding-left:20px}.nav-item a,.navbar-brand a{color:#021322;font-family:Fira Code,monospace;font-weight:700;text-decoration:none}.nav-item a{padding-left:60px;padding-right:60px}.nav-item a:hover{color:#b46a6a}.navbar-toggler{margin-bottom:10px;margin-right:20px}.greeting-welcome{color:#fff;font-family:Fira Code,monospace;font-size:48px;font-weight:800;margin-top:80px;text-align:center}.main-area{justify-content:center}.photo-area1,.text-area1{padding:0 30px 30px}.photo-area1 img{border-radius:1000px;max-width:100%;width:auto}.personal-description{background-color:rgba(0,0,0,.32);border-radius:10px;font-family:IBM Plex Sans Thai Looped,sans-serif;font-size:24px;font-weight:400;height:100%;padding:30px 20px 20px}.personal-description,.stack-title{color:#fff;font-family:Fira Code,monospace;text-align:center}.stack-title{font-size:48px;font-weight:800;margin-top:80px;padding-right:60px}.stack-wrapper{margin-left:20px;margin-top:80px}.stack-area{color:#fff;justify-content:center}.database-title,.lang-title,.tools-title{font-family:Fira Code,monospace;font-weight:200;padding:5px;text-align:center}.database,.lang,.tools{background-color:rgba(0,0,0,.52);border-radius:10px;margin:20px}.btn{background-color:hsla(0,0%,100%,.787);border:4px solid transparent;font-weight:700;margin:5px}.btn:focus,.btn:hover{border:4px solid #b46a6a}@media (max-width:700px){body{overflow-x:hidden}.full-nav{margin-bottom:70px;width:100%}.navbar-nav{background-color:#f5f5f5;margin:0;padding-top:10px;width:100%}.nav-item a{color:#8f5353;font-size:24px}.nav-item a:hover{color:#021322}.main-area{margin:0}.personal-description{background-color:rgba(0,0,0,.52);font-size:18px;height:100%;text-align:center}.greeting-welcome{font-size:55px;font-weight:800;margin:0;padding-left:30px;text-align:left;width:300px}.btn{font-size:10px}}
/*# sourceMappingURL=main.4e0cc865.css.map*/