@import url("https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");:root{--background:#ffffff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body,html{max-width:100vw;overflow-x:hidden}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}ul{list-style-type:none}body{height:100svh;font-family:Bai Jamjuree,sans-serif}.app,body{display:flex;flex-direction:column}.app{--color:#3b403c;--bg-color:#fff;--accent:#b3c0ad;--b-color:#dee1de;min-height:100svh;align-items:center;color:var(--color);background-color:var(--bg-color)}.app.dark{--color:#aeb5aa;--bg-color:#232621;--accent:#3e453a;--b-color:#414240}.text-block{margin-bottom:20px;line-height:26px}header{padding:5px 0;text-align:center;font-size:16px;font-weight:400;width:100%;max-width:750px;display:flex;align-items:center;position:relative;justify-content:space-between}.logo,main{flex:1 1}main{padding:5px;display:-ms-flexbox;width:100%;max-width:750px}.content{display:flex;margin:0 auto}.content>.block{flex:1 1;padding:20px;border-right:1pz solid black}.info{display:flex;flex-direction:column}.info>.photo{align-self:center;margin-bottom:30px;width:200px;height:200px}.info>.photo>img{width:100%;height:100%;border-radius:5px}.info .email{color:#d17a5f;font-size:18px;font-weight:600}.divider{width:1px;background-color:var(--accent)}.portfolio li,.portfolio li a{margin-bottom:3px}.portfolio li a{display:block;background-color:var(--accent);border-radius:5px;font-size:24px;font-weight:200;cursor:pointer;transition:.3s;padding:10px 15px}.portfolio li:last-of-type{margin-bottom:0}.portfolio li a:hover{background-color:#b3c0ad;transform:translateX(5px)}footer{padding:5px 0;text-align:center;font-weight:600}@media (max-width:749px){.logo{font-size:24px}header{padding:10px;justify-content:flex-end}}@media (max-width:539px){.content{flex-direction:column}.email{text-align:center}}@media (max-width:453px){header{flex-wrap:wrap}.logo{order:1;flex-basis:100%;margin-bottom:15px}.tumbler{flex:1 1}.tumbler:first-of-type{order:2}.tumbler:last-of-type{order:3}}.tumbler{align-items:center;width:160px}.tumbler,.tumbler-tumbler{display:flex;justify-content:center}.tumbler-tumbler{flex:1 1;alighn-items:center}.tumbler-visual{border:1px solid var(--b-color);border-radius:8px;height:30px;width:50px;margin:0 5px;cursor:pointer}.tumbler-elem{background-color:var(--accent);height:28px;width:28px;border-radius:8px;transition:.3s;transform:translateX(0)}.right .tumbler-elem{transform:translateX(20px)}.tumbler-option{flex:1 1}.tumbler-option.first{text-align:right}.tumbler-option.second{text-align:left}