:root{--sidebar-col:312px}.bg-blob{z-index:-1;pointer-events:none;opacity:.6;position:fixed}.hello-container{flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;padding:0 100px;display:flex}.hello-container .esq{flex-direction:column;justify-content:center;height:475px;margin-right:60px;display:flex}.hello-container .esq .top{margin-bottom:5rem}.hello-container .esq .top .greeting{color:#fff;font-size:calc(1rem + 2px)}.hello-container .esq .top .name{color:#fff;font-size:4rem;font-weight:400}.hello-container .esq .top .job{color:#615fff;font-size:2rem}.hello-container .esq .bottom p:nth-child(n){margin-bottom:5px}.hello-container .esq .bottom .comment{color:#90a1b9}.hello-container .esq .bottom .keyword{color:#615fff}.hello-container .esq .bottom .variable{color:#00d5be}.hello-container .esq .bottom .punctuation{color:#90a1b9}.hello-container .esq .bottom .string{color:#ffa1ad}.hello-container .dir{flex-shrink:0;justify-content:center;align-items:stretch;height:100%;display:flex}@media screen and (max-width:1215px){.hello-container{justify-items:center;padding:60px 40px;display:grid}.hello-container .esq{width:100%;height:auto;margin-right:0}.hello-container .dir{display:none}}@media screen and (max-width:768px){.hello-container{padding:48px 28px}.hello-container .esq .top{margin-bottom:3rem}.hello-container .esq .top .greeting{margin-bottom:.25rem;font-size:1rem}.hello-container .esq .top .name{margin-bottom:.75rem;font-size:3rem;line-height:1.1}.hello-container .esq .top .job{font-size:1.1rem}.hello-container .esq .bottom{font-size:.875rem}}@media screen and (max-width:480px){.hello-container{padding:40px 24px}.hello-container .esq .top .name{font-size:2.6rem}}