@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900);@import url(https://fonts.googleapis.com/css?family=Kanit:100,300,400,700,900);.detail{font-family:Kanit,Lato,sans-serif;padding:35px;width:100%}.detail>.bottom{margin-top:25px}.detail>.bottom>.back-button>button{font-family:Kanit,Lato,sans-serif;display:inline-block;border:none;padding:10px;margin:0;width:100%;text-decoration:none;background:#5580cf;color:#fff;font-size:1rem;cursor:pointer;text-align:center;border-radius:5px;-webkit-transition:background .25s ease-in-out,-webkit-transform .15s ease;transition:background .25s ease-in-out,-webkit-transform .15s ease;transition:background .25s ease-in-out,transform .15s ease;transition:background .25s ease-in-out,transform .15s ease,-webkit-transform .15s ease}.detail>.bottom>.back-button>button:focus,.detail>.bottom>.back-button>button:hover{background:#0053ba}.detail>.bottom>.back-button>button:focus{outline:1px solid #fff;outline-offset:-4px}.detail>.bottom>.back-button>button:active{-webkit-transform:scale(.99);transform:scale(.99)}.detail .prpg .screenshot{display:flex}.detail .prpg .screenshot .left-side{flex-basis:70%}.detail .prpg .screenshot .right-side{flex-basis:30%}.detail .smstocontrol .screenshot img{padding:5px}.detail .thaitvonline .screenshot{display:flex}.detail .thaitvonline .screenshot .left-side{flex-basis:40%}.detail .thaitvonline .screenshot .right-side{flex-basis:60%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Lato,sans-serif;font-weight:400;font-size:16px;background-image:-webkit-gradient(linear,left top,right bottom,from(rgba(167,171,179,.952941)),to(rgba(62,67,73,.878431))),url(/portfolio/static/media/rit-bg.9d65ed09.jpg);background-image:linear-gradient(to right bottom,rgba(167,171,179,.952941),rgba(62,67,73,.878431)),url(/portfolio/static/media/rit-bg.9d65ed09.jpg);background-size:cover;background-position:top;background-repeat:no-repeat}@media screen and (max-width:800px){body{background:grey}}.announcement{min-width:800px;background-color:rgba(255,255,0,.822);padding:15px;margin:10px;border-radius:5px;text-align:center;font-size:17px}.announcement a{text-decoration:none;color:#204994}.main{display:flex;margin:25px auto;width:800px;min-height:93.2vh;background-color:#fff;border-radius:5px 5px 5px 5px}.main .left,.main .right{padding-top:15px}.main .left{background-color:#46659e;color:#fff;width:25%;font-size:12px;border-radius:5px 0 0 5px}.main .left .photo img{box-shadow:4px 4px 11px -4px rgba(0,0,0,.71);width:135px}.main .left .photo{padding-left:26px;margin-bottom:20px}.main .left .information{margin-left:7px}.main .left .information>div{display:flex;margin:10px 0}.main .left .information>div img{height:17px;width:37px;padding:0 10px}.main .left .information>div>a{text-decoration:none;color:#fff;cursor:pointer}.right{background-color:#fff;color:#46659e;border-radius:0 5px 5px 0;width:75%}.right .header{margin-bottom:15px}.right .header .fullname{font-size:40px;margin-left:15px}.right .header .status{margin-left:30px}.right .title-bar{font-size:20px;padding:5px 15px;color:#fff;background-color:#999fad;border-radius:5px;margin:5px 15px}.right .education .school{padding:10px;margin-left:20px}.right .education .school .title{font-weight:700;font-size:20px}.right .projects{position:relative}.right .projects .project .icon{cursor:pointer;-webkit-transition-duration:.3s;transition-duration:.3s}.right .projects .project .icon:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.right .projects .project .icon img{width:50px}.right .projects .project,.right .projects .title-bar{position:relative;z-index:2}.right .projects .project{display:flex;margin:15px 0 15px 25px}.right .projects .info:before{content:"";cursor:pointer;position:absolute;z-index:-1;top:-5px;left:-28px;right:0;bottom:0;height:130%;width:115%;background:#5580cf;border-radius:0 5px 5px 0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.right .projects .info:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.right .projects .info:hover{color:#fff}.right .projects .info{cursor:pointer;position:relative;margin-left:10px;-webkit-transition-duration:.3s;transition-duration:.3s}.right .projects .info .desc{margin-left:15px}.right .projects .moreinfo-hint{text-align:end;font-weight:700;margin-right:20px;margin-top:-20px;margin-bottom:15px}.right .projects .timeline-line{position:absolute;z-index:1;width:15px;height:500px;top:30px;left:42px;background-color:#5580cf;border-radius:5px}.right .technical-skills{padding-bottom:15px}.right .technical-skills .skills{display:flex;font-size:12px;margin-left:40px}.right .technical-skills .skills .skills-left{margin-right:150px}.right .technical-skills .skills .skill{display:flex;align-items:center}.right .technical-skills .skills img{padding:5px;width:35px}.paragraph{text-indent:7%}.unavalible-link{font-style:italic;text-decoration:line-through;color:grey}.not-found{font-family:Kanit,Lato,sans-serif;padding:25px}
/*# sourceMappingURL=main.b5ca616f.chunk.css.map */