.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.overlay{background-color:#fff;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;z-index:-10}.container{align-items:center;-webkit-animation:expand .8s ease forwards;animation:expand .8s ease forwards;background-color:#f5f5f5;color:#000;display:flex;height:91vh;justify-content:space-around;position:relative;transition:all .8s ease;width:100%}.container_content{width:50%}.container_content_inner{margin-left:10rem;width:80%}.img-inner{position:relative;top:2.3rem}.container_outer_img{margin:50px;overflow:hidden;width:50%}.container_img{-webkit-animation:slideIn 1.5s ease-in-out forwards;animation:slideIn 1.5s ease-in-out forwards;width:100%}.par{color:#322825;font-family:Golos Text,sans-serif;font-size:1.6rem;font-weight:400;height:auto;margin-left:4rem;overflow:hidden;text-align:left}.btns_more{background-image:linear-gradient(315deg,#65504c,#51403d 34%,#3d302e 90%);border:none;border-radius:5px;box-shadow:inset 2px 2px 2px 0 hsla(0,0%,100%,.5),7px 7px 20px 0 rgba(0,0,0,.1),4px 4px 5px 0 rgba(0,0,0,.1);color:#fff;cursor:pointer;display:inline-block;display:block;font-family:Titillium Web,sans-serif;font-size:1.3rem;font-weight:600;height:2.7rem;height:100%;left:3.9rem;letter-spacing:1px;line-height:42px;margin-top:1rem;outline:none;padding:.625em 1.5em;padding:0;position:relative;text-transform:uppercase;top:2rem;width:1.325rem;width:35%}.btns_more:after,.btns_more:before{background:#51403d;bottom:0;right:0}.btns_more:hover{background:transparent;color:#51403d;font-weight:600}.btns_more:after,.btns_more:before{content:"";left:0;position:absolute;top:0;transition:all .3s ease}.btns_more:before{height:0;width:2px}.btns_more:after{height:2px;width:0}.btns_more:hover:before{height:100%}.btns_more:hover:after{width:100%}.title{height:auto;overflow:hidden;text-align:left}.title h1{font-size:3rem;margin-bottom:45px}.title h1,.title h2{-webkit-animation:slideUp .8s ease .5s forwards;animation:slideUp .8s ease .5s forwards;font-family:Catamaran,sans-serif;font-weight:800;left:66px;position:relative;-webkit-transform:translateY(100px);transform:translateY(100px)}.title h2{font-size:2.3rem}@-webkit-keyframes slideIn{0%{-webkit-transform:translateX(500px) scale(.2);transform:translateX(500px) scale(.2)}to{-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}}@keyframes slideIn{0%{-webkit-transform:translateX(500px) scale(.2);transform:translateX(500px) scale(.2)}to{-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(300px);transform:translateY(300px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{-webkit-transform:translateY(300px);transform:translateY(300px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes expand{0%{-webkit-transform:translateX(1400px);transform:translateX(1400px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes expand{0%{-webkit-transform:translateX(1400px);transform:translateX(1400px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@media (max-width:480px){.container{align-items:center;-webkit-animation:none;animation:none;background-color:#f5f5f5;color:#000;display:flex;height:52vh;justify-content:space-around;position:relative;transition:none;width:100%}.container_content{bottom:1rem;position:relative;right:8rem;width:100%}.container_content_inner{margin-left:11rem;width:90%}.container_outer_img{display:none}.par{bottom:1rem;color:#322825;font-family:Golos Text,sans-serif;font-size:1.2rem;font-weight:400;height:auto;margin-left:6rem;overflow:hidden;text-align:left}.btns_more,.par{position:relative}.btns_more{background-image:linear-gradient(315deg,#65504c,#51403d 34%,#3d302e 90%);border:none;border-radius:5px;box-shadow:inset 2px 2px 2px 0 hsla(0,0%,100%,.5),7px 7px 20px 0 rgba(0,0,0,.1),4px 4px 5px 0 rgba(0,0,0,.1);color:#fff;cursor:pointer;display:inline-block;font-family:Titillium Web,sans-serif;font-size:1.1rem;font-weight:600;height:3rem;left:0;letter-spacing:1px;line-height:42px;outline:none;padding-top:3px;text-transform:uppercase;top:2rem;width:11rem}.title{height:auto;overflow:hidden;text-align:left}.title h1{bottom:6.4rem;font-size:1.7rem;margin-bottom:45px;transition:none}.title h1,.title h2{-webkit-animation:none;animation:none;font-family:Catamaran,sans-serif;font-weight:800;position:relative}.title h2{font-size:1.3rem;left:66px;-webkit-transform:none;transform:none}}*{box-sizing:border-box;margin:0;padding:0}.abt{align-items:center;-webkit-animation:expand .8s ease forwards;animation:expand .8s ease forwards;background-color:#f5f5f5;color:#000;height:90vh;position:relative}.abt_container{position:relative;top:4rem}.abt-me{align-items:center;display:flex;flex-direction:column;justify-content:center}.desc{height:auto;overflow:hidden;position:relative;width:65%}.desc p{color:#333238;font-family:Golos Text,sans-serif;font-size:1.2rem;font-weight:400;line-height:28px;margin-bottom:4rem}.abt_title{height:auto;overflow:hidden}.abt_title h1{-webkit-animation:slideUp .8s ease .5s forwards;animation:slideUp .8s ease .5s forwards;color:#3b2f32;font-family:Titillium Web,sans-serif;font-size:3rem;font-weight:600;margin-bottom:2rem;position:relative;text-align:center;-webkit-transform:translateY(100px);transform:translateY(100px)}.All-skills{align-items:center;-webkit-animation:slideUp .8s ease 1s forwards;animation:slideUp .8s ease 1s forwards;display:grid;grid-template-columns:repeat(2,500px);justify-content:center;margin-bottom:4rem;margin-left:12rem;position:relative;-webkit-transform:translateY(50px);transform:translateY(50px)}.All-skills h3{width:55%}.skl{background-color:#f5f5f5;border-radius:30px;font-family:Kanit,sans-serif;font-size:20px;font-weight:500;margin:15px;padding:10px 0;text-align:center;transition:all .3s ease}.skl:hover{background-color:#292929;box-sizing:5rem;color:#fff;cursor:pointer;font-weight:600;-webkit-transform:scale(1.05);transform:scale(1.05)}.sp-line{background-color:#000;border-radius:1rem;bottom:16.5rem;height:10rem;position:relative;width:2px}@media (max-width:480px){.abt{-webkit-animation:none;animation:none;background-color:#f5f5f5;color:#000;height:90vh;position:relative}.abt_container{position:relative;top:0}.abt-me{align-items:center;display:flex;flex-direction:column;justify-content:center}.desc{height:auto;left:26px;overflow:hidden;position:relative;width:76%}.desc p{color:#333238;font-family:Golos Text,sans-serif;font-size:.8rem;font-weight:400;line-height:28px;margin-bottom:0;text-align:justify}.abt_title{height:auto;overflow:hidden}.abt_title h1{color:#3b2f32;font-family:Titillium Web,sans-serif;font-size:2rem;font-weight:600;left:1.2rem;text-align:center}.All-skills,.abt_title h1{-webkit-animation:none;animation:none;bottom:0;margin-bottom:0;position:relative;-webkit-transform:none;transform:none}.All-skills{align-items:center;display:grid;grid-template-columns:repeat(2,197px);justify-content:center;left:2rem;margin-left:0;width:76%}.All-skills h3{width:80%}.skl{background-color:#f5f5f5;border-radius:30px;color:#000;font-family:Kanit,sans-serif;font-size:15px;font-weight:500;margin:3px 0;padding:10px 0;text-align:center;transition:none}.sp-line{display:none}}.skill-section{align-items:center;background-color:#f5f5f5;display:flex;height:70vh;justify-content:center;width:100%}.skill-section h2{bottom:12rem;color:#3b2f32;font-family:Titillium Web,sans-serif;font-size:3rem;font-weight:600;margin-bottom:4rem;position:relative;text-align:center}.skill-cards{grid-gap:50px;display:grid;gap:50px;grid-template-columns:auto auto auto;left:47rem;position:absolute;top:221vh;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.skill-cards:hover .skill-card{-webkit-transform:translateZ(0) scale3d(.9,.9,1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg,0deg);transform:translateZ(0) scale3d(.9,.9,1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg,0deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.skill-card{align-items:center;background-color:#fff;border-radius:25px;color:#333238;cursor:pointer;display:flex;font-family:Kanit,sans-serif;font-weight:500;height:100px;justify-content:center;transition:all .4s ease;width:300px}.skill-cards:hover .skill-card:hover{box-shadow:0 4px 4px #35363a;-webkit-transform:translateZ(0) scale3d(1.1,1.1,1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg,0deg);transform:translateZ(0) scale3d(1.1,1.1,1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg,0deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.skill-card:hover{background-color:#35363a;color:#fff}.skill-card:hover p{font-weight:600;margin-left:4rem}.sk-crd1:hover{background-image:url(/static/media/html.2ecb92d634e3f99a04c7.png);background-position:6rem 1.7rem}.sk-crd1:hover,.sk-crd2:hover{background-repeat:no-repeat;background-size:50px 50px}.sk-crd2:hover{background-image:url(/static/media/css.a3c2e0fae8e86ac363cf.png);background-position:6.4rem 1.7rem}.sk-crd3:hover{background-image:url(/static/media/javascript.890cacffe718fed09723.png);background-position:4.8rem 1.7rem;background-repeat:no-repeat;background-size:50px 50px}.sk-crd4:hover{background-image:url(/static/media/reactjs.60b25633c22a787a982b.png)}.sk-crd4:hover,.sk-crd5:hover{background-position:5.6rem 1.7rem;background-repeat:no-repeat;background-size:50px 50px}.sk-crd5:hover{background-image:url(/static/media/nodejs.8ac5967941c9104b135b.png)}.sk-crd6:hover{background-image:url(/static/media/mongodb.d884170e63b1b11b759c.png);background-position:5.3rem 1.7rem}.sk-crd6:hover,.sk-crd7:hover{background-repeat:no-repeat;background-size:50px 50px}.sk-crd7:hover{background-image:url(/static/media/expressjs.2f47d35600b7994277f0.png);background-position:5.2rem 1.7rem}.sk-crd8:hover{background-image:url(/static/media/firebase.313bc6fe2994da155e40.png);background-position:5.3rem 1.7rem}.sk-crd8:hover,.sk-crd9:hover{background-repeat:no-repeat;background-size:50px 50px}.sk-crd9:hover{background-image:url(/static/media/git.4f031d3d080febb9f775.png);background-position:6.4rem 1.7rem}@media (max-width:480px){.skill-section{align-items:center;background-color:#f5f5f5;display:flex;height:40vh;justify-content:center;width:100%}.skill-section h2{bottom:12rem;color:#3b2f32;font-family:Titillium Web,sans-serif;font-size:2rem;font-weight:600;left:1.2rem;margin-bottom:0;position:relative;text-align:center}.skill-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,171px);left:4.5rem;position:absolute;top:68rem;-webkit-transform:none;transform:none}.skill-card{align-items:center;background-color:#35363a;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-family:Kanit,sans-serif;font-size:.8rem;font-weight:500;height:45px;justify-content:center;transition:none;width:173px}.skill-card p{left:23px;position:relative}.sk-crd9{left:5.7rem;position:relative}.sk-crd1{background-image:url(/static/media/html.2ecb92d634e3f99a04c7.png);background-position:2rem 8px;background-repeat:no-repeat;background-size:30px 30px}.sk-crd1 p{left:.3rem;position:relative}.sk-crd2{background-image:url(/static/media/css.a3c2e0fae8e86ac363cf.png);background-position:2rem 8px;background-repeat:no-repeat;background-size:30px 30px}.sk-crd2 p{left:.01rem;position:relative}.sk-crd3{background-image:url(/static/media/javascript.890cacffe718fed09723.png)}.sk-crd3,.sk-crd4{background-position:2rem 8px;background-repeat:no-repeat;background-size:30px 30px}.sk-crd4{background-image:url(/static/media/reactjs.60b25633c22a787a982b.png)}.sk-crd4 p{left:1rem;position:relative}.sk-crd5{background-image:url(/static/media/nodejs.8ac5967941c9104b135b.png);background-position:2rem 8px;background-repeat:no-repeat;background-size:30px 30px}.sk-crd5 p{left:.7rem;position:relative}.sk-crd6{background-image:url(/static/media/mongodb.d884170e63b1b11b759c.png);background-position:2rem 8px;background-repeat:no-repeat;background-size:30px 30px}.sk-crd6 p{left:1.3rem;position:relative}.sk-crd7{background-image:url(/static/media/expressjs.2f47d35600b7994277f0.png)}.sk-crd7,.sk-crd8{background-position:2rem 8px;background-repeat:no-repeat;background-size:30px 30px}.sk-crd8{background-image:url(/static/media/firebase.313bc6fe2994da155e40.png)}.sk-crd8 p{left:1.1rem;position:relative}.sk-crd9{background-image:url(/static/media/git.4f031d3d080febb9f775.png);background-position:3rem 8px;background-repeat:no-repeat;background-size:30px 30px}.sk-crd9 p{left:.8rem;position:relative}}#project-sec{align-items:center;background-color:#f5f5f5;display:grid;height:100vh;justify-content:center;width:100%}.cont-proj h1{color:#3b2f32;font-family:Titillium Web,sans-serif;font-size:3rem;font-weight:600;margin-bottom:3.5rem;position:relative;text-align:center}.proj-cards{-webkit-column-gap:4rem;column-gap:4rem;display:flex;flex-direction:row;position:relative}.proj-crd{align-items:center;background-color:#fff;color:#000;cursor:pointer;display:grid;grid-template-rows:6rem 16rem 8rem;height:30rem;justify-content:center;transition:all .4s ease;width:24rem}.proj-crd h2{color:#333238;font-family:Kanit,sans-serif;font-weight:600;letter-spacing:1px}.proj-crd:hover h2{color:#fff}.proj-crd p{bottom:2rem;display:grid;font-family:Golos Text,sans-serif;font-size:1rem;justify-content:center;left:2rem;position:relative;text-align:center;width:16rem}#project-sec button{font-family:Titillium Web,sans-serif;font-size:1rem;font-weight:500}.proj-cards:hover .proj-crd{-webkit-transform:translateZ(0) scale3d(.9,.9,1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg,0deg);transform:translateZ(0) scale3d(.9,.9,1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg,0deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.proj-cards:hover .proj-crd:hover{box-shadow:0 4px 4px rgba(0,0,0,.4);-webkit-transform:translateZ(0) scale3d(1.1,1.1,1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg,0deg);transform:translateZ(0) scale3d(1.1,1.1,1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg,0deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.proj-crd:hover{background-color:#bdaba7;color:#fff}.proj-card1 p{left:0}.proj-card1 button{left:2rem}.proj-card2 button{left:4rem}.proj-card3 p{left:0}.proj-card3 button{left:2rem}.cont-os h1{color:#3b2f32;font-family:Titillium Web,sans-serif;font-size:2.5rem;font-weight:600;margin-bottom:3rem;margin-top:6rem;position:relative;text-align:center}.os-cards{-webkit-column-gap:4rem;column-gap:4rem;display:flex;flex-direction:row;position:relative}.os-crd{align-items:center;background-color:#fff;cursor:pointer;display:grid;height:7rem;justify-content:left;padding-left:1rem;transition:all .4s ease;width:24rem}.os-crd h2{color:#333238;font-family:Kanit,sans-serif;font-weight:600;letter-spacing:1px}.os-crd:hover h2{color:#fff}.os-cards:hover .os-crd{-webkit-transform:translateZ(0) scale3d(.9,.9,1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg,0deg);transform:translateZ(0) scale3d(.9,.9,1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg,0deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.os-cards:hover .os-crd:hover{box-shadow:0 4px 4px rgba(0,0,0,.4);-webkit-transform:translateZ(0) scale3d(1.1,1.1,1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg,0deg);transform:translateZ(0) scale3d(1.1,1.1,1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg,0deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.os-crd:hover{background-color:#bdaba7;color:#fff}.proj-crd button{background-image:linear-gradient(315deg,#65504c,#51403d 34%,#3d302e 90%);border:none;border-radius:5px;box-shadow:inset 2px 2px 2px 0 hsla(0,0%,100%,.5),7px 7px 20px 0 rgba(0,0,0,.1),4px 4px 5px 0 rgba(0,0,0,.1);color:#fff;cursor:pointer;display:inline-block;font-family:Titillium Web,sans-serif;font-size:1rem;font-weight:700;height:3.5rem;letter-spacing:1px;line-height:42px;outline:none;padding:.625em 1.5em;padding:0;position:relative;text-transform:uppercase;width:12.125rem}.proj_btn:after,.proj_btn:before{background:#51403d;bottom:0;right:0}.proj_btn:hover{background:transparent;color:#51403d;font-weight:600}.proj_btn:after,.proj_btn:before{content:"";left:0;position:absolute;top:0;transition:all .3s ease}.proj_btn:before{height:0;width:2px}.proj_btn:after{height:2px;width:0}.proj_btn:hover:before{height:100%}.proj_btn:hover:after{width:100%}.os_btn{background-image:linear-gradient(315deg,#65504c,#51403d 34%,#3d302e 90%);border:none;border-radius:5px;box-shadow:inset 2px 2px 2px 0 hsla(0,0%,100%,.5),7px 7px 20px 0 rgba(0,0,0,.1),4px 4px 5px 0 rgba(0,0,0,.1);color:#fff;cursor:pointer;display:inline-block;font-family:Titillium Web,sans-serif;font-size:1rem;font-weight:600;height:2.5rem;letter-spacing:1px;line-height:42px;outline:none;padding:0;position:relative;text-transform:uppercase;width:9.125rem}@media (max-width:480px){#project-sec{align-items:center;background-color:#f5f5f5;height:188vh;width:100%}#project-sec,.proj-crd p{display:grid;justify-content:center}.proj-crd p{bottom:0;font-family:Golos Text,sans-serif;font-size:.8rem;position:relative;text-align:center;width:16rem}.proj-card1 p{left:0}.proj-crd h2{color:#333238;font-family:Kanit,sans-serif;font-size:1.3rem;font-weight:600;letter-spacing:1px}.proj-card2 p{left:1rem}.cont-proj h1{color:#3b2f32;font-family:Titillium Web,sans-serif;font-size:2rem;font-weight:600;margin-bottom:1rem;text-align:center}.cont-proj h1,.proj-cards{left:1rem;position:relative;top:1rem}.proj-cards{display:flex;flex-direction:column;row-gap:1rem}.proj-cards,.proj-crd{align-items:center;justify-content:center}.proj-crd{background-color:#bdaba7;box-shadow:0 4px 4px rgba(0,0,0,.4);color:#fff;cursor:pointer;display:grid;grid-template-rows:3rem 9rem 5rem;height:17rem;transition:none;width:21rem}.proj-crd button{height:3rem;width:10rem}.proj-card1 button{left:2.6rem}.proj-card2 button{left:4.35rem}.proj-card3 button{left:2.95rem}.cont-os{bottom:2rem;position:relative}.cont-os h1{color:#3b2f32;font-family:Titillium Web,sans-serif;font-size:1.5rem;font-weight:600;left:1rem;margin-bottom:.3rem;margin-top:17px;position:relative;text-align:center}.os-cards{display:flex;flex-direction:column;margin-left:1.95rem;position:relative;row-gap:1rem}.os-crd h2{font-size:20px}.os-crd button{font-size:17px}.os-crd{align-items:center;background-color:#bdaba7;box-shadow:0 4px 4px rgba(0,0,0,.4);color:#fff;cursor:pointer;display:grid;height:7rem;justify-content:center;padding-left:0;transition:none;width:20rem}.os-card1 button{left:4.4rem;position:relative}.os-card2 button{left:1.4rem;position:relative}.os-card3 button{left:1rem;position:relative}}#contact{align-items:center;background-color:#f5f5f5;display:grid;height:50vh;justify-content:center}#contact .container{-webkit-animation:expand .8s ease forwards;animation:expand .8s ease forwards;background-color:#f5f5f5;color:#000;padding:100px 0;position:relative;transition:all .8s ease;width:100%}.cont-container{position:relative;top:3rem}#contact .section-title{margin-bottom:50px;text-align:center}#contact .section-title h2{color:#3b2f32;font-family:Titillium Web,sans-serif;font-size:3rem;font-size:36px;font-weight:600;font-weight:700;margin-bottom:20px}#contact .section-title p{color:#777;font-family:Golos Text,sans-serif;font-size:1rem}.btns_say{background-image:linear-gradient(315deg,#65504c,#51403d 34%,#3d302e 90%);border:none;border-radius:5px;border-radius:20px;box-shadow:inset 2px 2px 2px 0 hsla(0,0%,100%,.5),7px 7px 20px 0 rgba(0,0,0,.1),4px 4px 5px 0 rgba(0,0,0,.1);color:#fff;cursor:pointer;display:inline-block;font-family:Titillium Web,sans-serif;font-size:1rem;font-weight:600;height:2.5rem;height:100%;letter-spacing:1px;line-height:42px;outline:none;padding:.625em 1.5em;padding:0;position:relative;text-transform:uppercase;top:0;width:1.125rem;width:35%}.btns_say:after,.btns_say:before{background:#51403d;bottom:0;right:0}.btns_say:hover{background:#c1c0c7;color:#363636;font-weight:600}.btns_say:after,.btns_say:before{content:"";left:0;position:absolute;top:0;transition:all .3s ease}.btns_say:before{height:0;width:2px}.btns_say:after{height:2px;width:0}@media (max-width:480px){#contact .section-title{margin-bottom:30px;text-align:center}#contact{align-items:center;background-color:#f5f5f5;display:grid;height:24vh;justify-content:center}#contact .section-title p{color:#777;font-family:Golos Text,sans-serif;font-size:.9rem;margin:0 10px}.cont-container{position:relative;top:-1rem}}.footer{background-color:#3c3c3c;box-shadow:0 -4px 7px 0 rgba(0,0,0,.2);color:#fff;font-family:Titillium Web,sans-serif;font-size:15px;font-weight:400;letter-spacing:1px;padding:15px;text-align:center}.footer p a{color:#fff;margin-left:5px;text-decoration:none}.footer p a:hover{color:#d3d3d3}@media (max-width:480px){.footer{padding:10px}}.sidebar{align-items:center;background-color:#35363a;border-radius:0 10px 10px 0;bottom:10px;display:flex;flex-direction:column;height:85%;justify-content:center;left:0;position:fixed;width:70px;z-index:1}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar li{margin-bottom:10px}.sidebar a{color:#fff;display:block;font-size:16px;font-weight:600;padding:10px;text-align:center;text-decoration:none;transition:all .3s ease-in-out}.sidebar a img{height:40px}.sidebar a:hover{box-shadow:2px;opacity:.6;-webkit-transform:scale(1);transform:scale(1)}.sidebar-line{background-color:#fff;bottom:0;height:50%;position:relative;right:5px;top:20px;width:1px}@media (max-width:480px){.sidebar{bottom:0;height:45%;position:fixed;top:80px;width:60px;z-index:1}.sidebar-line{display:none}}
/*# sourceMappingURL=main.ad1e4479.css.map*/