@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@font-face{font-family:Inter;src:url(../../static/media/Inter.var.c2fe3cb2b7c746f7966a.woff2) format("woff2-variations")}@font-face{font-family:Inter;font-style:italic;src:url(../../static/media/Inter-italic.var.30807be7abc48ba8c73c.woff2) format("woff2-variations")}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}.bluish{--user-bg-image:url(../../static/media/flowers.cce6729bc14cfdbcd574.jpg);--clr-shadow:rgba(0,31,41,.1);--user-bg-tint:rgba(0,50,66,.5);--clr-a1-10:#f8fdff;--clr-a1-50:#dcf4ff;--clr-a1-100:#b6e8ff;--clr-a1-200:#59cfff;--clr-a1-300:#00b3e8;--clr-a1-400:#0098c4;--clr-a1-500:#007ca1;--clr-a1-600:#006381;--clr-a1-700:#004b61;--clr-a1-800:#034;--clr-a1-900:#001e28;--clr-a2-10:#f8fdff;--clr-a2-50:#dcf4ff;--clr-a2-100:#bde8fb;--clr-a2-200:#a3cbde;--clr-a2-300:#89b0c1;--clr-a2-400:#7095a5;--clr-a2-500:#567a89;--clr-a2-600:#3f6271;--clr-a2-700:#274a58;--clr-a2-800:#0c3341;--clr-a2-900:#001e28;--clr-a3-10:#fff8fe;--clr-a3-50:#ffd9fd;--clr-a3-100:#eac3e8;--clr-a3-200:#c19fbf;--clr-a3-300:#9c7f9b;--clr-a3-400:#7c647b;--clr-a3-500:#694b5f;--clr-a3-600:#473647;--clr-a3-700:#322331;--clr-a3-800:#1e121e;--clr-a3-900:#0c040c;--clr-n1-10:#fcfcfc;--clr-n1-50:#f1f1f0;--clr-n1-100:#e3e2e2;--clr-n1-200:#c7c6c6;--clr-n1-300:#ababab;--clr-n1-400:#919190;--clr-n1-500:#767676;--clr-n1-600:#5e5e5e;--clr-n1-700:#474747;--clr-n1-800:#303030;--clr-n1-900:#1c1b1b}.grasso{--user-bg-image:url(../../static/media/userbg3.3d967e7d36a9f4993830.jpg);--clr-shadow:rgba(0,31,41,.1);--user-bg-tint:rgba(0,66,50,.5);--clr-a1-10:#f8fff7;--clr-a1-50:#d8ffd7;--clr-a1-100:#a9ffa8;--clr-a1-200:#00f53f;--clr-a1-300:#00d434;--clr-a1-400:#00b429;--clr-a1-500:#00931f;--clr-a1-600:#007616;--clr-a1-700:#005a0d;--clr-a1-800:#003e05;--clr-a1-900:#002502;--clr-a2-10:#f8fff7;--clr-a2-50:#d8ffd7;--clr-a2-100:#c7f2c6;--clr-a2-200:#acd5ab;--clr-a2-300:#92b991;--clr-a2-400:#799e78;--clr-a2-500:#5f825e;--clr-a2-600:#486a48;--clr-a2-700:#315130;--clr-a2-800:#193a19;--clr-a2-900:#0a230a;--clr-a3-10:#f3fffd;--clr-a3-50:#d4f9f4;--clr-a3-100:#c7ebe6;--clr-a3-200:#acceca;--clr-a3-300:#92b2ae;--clr-a3-400:#799794;--clr-a3-500:#5f7c79;--clr-a3-600:#486461;--clr-a3-700:#314c49;--clr-a3-800:#193633;--clr-a3-900:#00211e;--clr-n1-10:#fcfcfc;--clr-n1-50:#f1f1f0;--clr-n1-100:#e3e2e2;--clr-n1-200:#c7c6c6;--clr-n1-300:#ababab;--clr-n1-400:#919190;--clr-n1-500:#767676;--clr-n1-600:#5e5e5e;--clr-n1-700:#474747;--clr-n1-800:#303030;--clr-n1-900:#1c1b1b}.solize{--user-bg-image:url(../../static/media/userbg3.3d967e7d36a9f4993830.jpg);--clr-shadow:rgba(0,31,41,.1);--user-bg-tint:rgba(20,46,30,.5);--clr-a1-10:#f8fff7;--clr-a1-50:#d8ffd7;--clr-a1-100:#c7f2c6;--clr-a1-200:#acd5ab;--clr-a1-300:#92b991;--clr-a1-400:#799e78;--clr-a1-500:#5f825e;--clr-a1-600:#486a48;--clr-a1-700:#315130;--clr-a1-800:#193a19;--clr-a1-900:#0a230a;--clr-a2-10:#f8fdff;--clr-a2-50:#dcf4ff;--clr-a2-100:#bde8fb;--clr-a2-200:#a3cbde;--clr-a2-300:#89b0c1;--clr-a2-400:#7095a5;--clr-a2-500:#567a89;--clr-a2-600:#3f6271;--clr-a2-700:#274a58;--clr-a2-800:#0c3341;--clr-a2-900:#001e28;--clr-a3-10:#f3fffd;--clr-a3-50:#d4f9f4;--clr-a3-100:#c7ebe6;--clr-a3-200:#acceca;--clr-a3-300:#92b2ae;--clr-a3-400:#799794;--clr-a3-500:#5f7c79;--clr-a3-600:#486461;--clr-a3-700:#314c49;--clr-a3-800:#193633;--clr-a3-900:#00211e;--clr-n1-10:#fcfcfc;--clr-n1-50:#f1f1f0;--clr-n1-100:#e3e2e2;--clr-n1-200:#c7c6c6;--clr-n1-300:#ababab;--clr-n1-400:#919190;--clr-n1-500:#767676;--clr-n1-600:#5e5e5e;--clr-n1-700:#474747;--clr-n1-800:#303030;--clr-n1-900:#1c1b1b}.purish{--user-bg-image:url(../../static/media/userbg2.1a6f396cfa76176128db.jpg);--clr-shadow:rgba(0,31,41,.1);--user-bg-tint:rgba(22,0,66,.5);--clr-a1-10:#faf9ff;--clr-a1-50:#e6e3ff;--clr-a1-100:#cec7ff;--clr-a1-200:#a78eff;--clr-a1-300:#8b45ff;--clr-a1-400:#7100dd;--clr-a1-500:#5600ac;--clr-a1-600:#3e0081;--clr-a1-700:#2a005b;--clr-a1-800:#170039;--clr-a1-900:#07001a;--clr-a2-10:#faf9ff;--clr-a2-50:#e6e3ff;--clr-a2-100:#cec7ff;--clr-a2-200:#a8a1d7;--clr-a2-300:#8781b0;--clr-a2-400:#6b658d;--clr-a2-500:#514c6e;--clr-a2-600:#3b3653;--clr-a2-700:#27233b;--clr-a2-800:#161226;--clr-a2-900:#060313;--clr-a3-10:#fff8fc;--clr-a3-50:#ffddf1;--clr-a3-100:#f2c2e0;--clr-a3-200:#c79eb8;--clr-a3-300:#a27f94;--clr-a3-400:#816376;--clr-a3-500:#644b5b;--clr-a3-600:#4b3543;--clr-a3-700:#34222e;--clr-a3-800:#20111b;--clr-a3-900:#0e040a;--clr-n1-10:#fcfcfc;--clr-n1-50:#f1f1f0;--clr-n1-100:#e3e2e2;--clr-n1-200:#c7c6c6;--clr-n1-300:#ababab;--clr-n1-400:#919190;--clr-n1-500:#767676;--clr-n1-600:#5e5e5e;--clr-n1-700:#474747;--clr-n1-800:#303030;--clr-n1-900:#1c1b1b}.bldy{--user-bg-image:url(../../static/media/userbg4.d5e6c58647c19a1d9022.jpg);--clr-shadow:rgba(0,31,41,.1);--user-bg-tint:rgba(66,0,0,.5);--clr-a1-10:#fff9f8;--clr-a1-50:#ffe2dd;--clr-a1-100:#ffc6bc;--clr-a1-200:#ff8a7e;--clr-a1-300:#ff3740;--clr-a1-400:#d50026;--clr-a1-500:#a60019;--clr-a1-600:#7c000f;--clr-a1-700:#570006;--clr-a1-800:#360002;--clr-a1-900:#180000;--clr-a2-10:#fff9f8;--clr-a2-50:#ffe2dd;--clr-a2-100:#ffc6bc;--clr-a2-200:#e8978c;--clr-a2-300:#bd796f;--clr-a2-400:#985e56;--clr-a2-500:#77463f;--clr-a2-600:#5b312b;--clr-a2-700:#411e1a;--clr-a2-800:#2b0e0a;--clr-a2-900:#160101;--clr-a3-10:#fdffe4;--clr-a3-50:#eff1b6;--clr-a3-100:#d9dba5;--clr-a3-200:#b2b485;--clr-a3-300:#8f9169;--clr-a3-400:#717250;--clr-a3-500:#57583b;--clr-a3-600:#404027;--clr-a3-700:#2b2c16;--clr-a3-800:#191907;--clr-a3-900:#080800;--clr-n1-10:#fcfcfc;--clr-n1-50:#f1f1f0;--clr-n1-100:#e3e2e2;--clr-n1-200:#c7c6c6;--clr-n1-300:#ababab;--clr-n1-400:#919190;--clr-n1-500:#767676;--clr-n1-600:#5e5e5e;--clr-n1-700:#474747;--clr-n1-800:#303030;--clr-n1-900:#1c1b1b}.dune{--user-bg-image:url(../../static/media/userbg5.2688eef26f3abcf8db18.jpg);--clr-shadow:rgba(0,31,41,.1);--user-bg-tint:rgba(66,41,0,.2);--clr-a1-10:#fffaf4;--clr-a1-50:#ffe7c9;--clr-a1-100:#ffce95;--clr-a1-200:#fe9800;--clr-a1-300:#cd7a00;--clr-a1-400:#a26000;--clr-a1-500:#7d4a00;--clr-a1-600:#5c3600;--clr-a1-700:#3f2400;--clr-a1-800:#252400;--clr-a1-900:#0e0600;--clr-a2-10:#fffaf4;--clr-a2-50:#ffe7c9;--clr-a2-100:#ffce95;--clr-a2-200:#cfa97c;--clr-a2-300:#a88861;--clr-a2-400:#866b49;--clr-a2-500:#695135;--clr-a2-600:#4f3a22;--clr-a2-700:#372712;--clr-a2-800:#231504;--clr-a2-900:#0e0600;--clr-a3-10:#f3fff2;--clr-a3-50:#d2f6d0;--clr-a3-100:#bfdfbc;--clr-a3-200:#9bb799;--clr-a3-300:#7c947a;--clr-a3-400:#61755f;--clr-a3-500:#495a47;--clr-a3-600:#334233;--clr-a3-700:#212d20;--clr-a3-800:#101b10;--clr-a3-900:#030a03;--clr-n1-10:#fcfcfc;--clr-n1-50:#f1f1f0;--clr-n1-100:#e3e2e2;--clr-n1-200:#c7c6c6;--clr-n1-300:#ababab;--clr-n1-400:#919190;--clr-n1-500:#767676;--clr-n1-600:#5e5e5e;--clr-n1-700:#474747;--clr-n1-800:#303030;--clr-n1-900:#1c1b1b}.darkfrst{--user-bg-image:url(../../static/media/userbg6.df8f1a638639746a709a.jpg);--clr-shadow:rgba(0,31,41,.1);--user-bg-tint:rgba(33,33,33,.5);--clr-a1-10:#f5fcfc;--clr-a1-50:#e3eaea;--clr-a1-100:#ced4d4;--clr-a1-200:#a8aeae;--clr-a1-300:#878c8c;--clr-a1-400:#6a6e6e;--clr-a1-500:#515454;--clr-a1-600:#3a3d3d;--clr-a1-700:#272929;--clr-a1-800:#151717;--clr-a1-900:#060707;--clr-a2-10:#f5fcfc;--clr-a2-50:#e3eaea;--clr-a2-100:#d2d3d3;--clr-a2-200:#acadad;--clr-a2-300:#8a8b8b;--clr-a2-400:#6d6d6d;--clr-a2-500:#535353;--clr-a2-600:#3c3d3d;--clr-a2-700:#282929;--clr-a2-800:#161717;--clr-a2-900:#070707;--clr-a3-10:#fafafb;--clr-a3-50:#e8e8e9;--clr-a3-100:#d3d3d3;--clr-a3-200:#acacad;--clr-a3-300:#8b8b8b;--clr-a3-400:#6d6d6d;--clr-a3-500:#535353;--clr-a3-600:#3d3c3d;--clr-a3-700:#282829;--clr-a3-800:#171717;--clr-a3-900:#070707;--clr-n1-10:#fcfcfc;--clr-n1-50:#f1f1f0;--clr-n1-100:#e3e2e2;--clr-n1-200:#c7c6c6;--clr-n1-300:#ababab;--clr-n1-400:#919190;--clr-n1-500:#767676;--clr-n1-600:#5e5e5e;--clr-n1-700:#474747;--clr-n1-800:#303030;--clr-n1-900:#1c1b1b}.light{--base-bg:var(--clr-a2-50);--base-fg:var(--clr-a2-900);--cont-bg:var(--clr-a2-10);--cont-hov-bg:#fff;--user-fg:var(--clr-a1-700);--user-bg:var(--user-bg-image);--user-bg-tint:rgba(235,241,244,.5);--about-fg:#fff;--about-bg:var(--clr-a1-400);--about-hov-bg:var(--clr-a1-300);--settingsbtn-bg:var(--clr-a3-100);--settingsbtn-hov-bg:var(--clr-a3-50);--entranceind-def-bg:var(--cont-bg);--entranceind-def-hov-bg:#fff;--entranceind-cont-bg:var(--base-bg);--entranceind-cont-hov-bg:var(--clr-a2-200);--entranceind-settings-bg:var(--clr-a3-10);--entranceind-settings-hov-bg:#fff;--slider-bg:#fff;--slider-sircle:var(--clr-a2-700);--btn-bg:var(--clr-a2-50);--btn-hov-bg:var(--clr-a2-100);--sel-fg:#fff;--sel-bg:var(--clr-a1-400);--sel-hov-bg:var(--clr-a1-300)}.dark{--base-bg:var(--clr-a2-900);--base-fg:var(--clr-a2-10);--cont-bg:var(--clr-a2-800);--cont-hov-bg:var(--clr-a2-700);--user-fg:var(--clr-a1-10);--user-bg:var(--user-bg-image);--about-fg:#fff;--about-bg:var(--clr-a1-500);--about-hov-bg:var(--clr-a1-400);--settingsbtn-bg:var(--clr-a3-400);--settingsbtn-hov-bg:var(--clr-a3-300);--entranceind-def-bg:var(--cont-bg);--entranceind-def-hov-bg:var(--clr-a2-700);--entranceind-cont-bg:var(--base-bg);--entranceind-cont-hov-bg:var(--clr-a2-800);--entranceind-settings-bg:var(--clr-a3-700);--entranceind-settings-hov-bg:var(--clr-a3-600);--slider-bg:var(--clr-a2-800);--slider-sircle:var(--clr-a2-200);--btn-bg:var(--clr-a2-700);--btn-hov-bg:var(--clr-a2-600);--sel-fg:#fff;--sel-bg:var(--clr-a1-400);--sel-hov-bg:var(--clr-a1-300)}.App{align-items:center;background-color:var(--base-bg);color:var(--base-fg);display:flex;flex-direction:row;font-family:Inter;inset:0;justify-content:center;position:absolute;transition:.4s ease}.App .container{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;height:95vh;width:95vw}@media screen and (min-width:768px){.App .container{grid-template-columns:1fr 2.5fr;grid-template-rows:1fr;height:80vh;width:90vw}}@media screen and (min-width:1024px){.App .container{height:70vh;width:80vw}}.App .container__leftside{align-items:center;display:flex;flex-direction:column}.App .container__leftside__header{align-self:start;font-size:1.6rem;font-weight:700;margin:6vh 5% 0}@media screen and (min-width:768px){.App .container__leftside__header{margin:0 5%}}.App .container__leftside__firstbtns{display:flex;flex-direction:column;gap:.25rem;width:90%}.App .container__leftside__firstbtns__about{align-items:center;background:var(--about-bg);border-radius:.5rem .5rem 1.5rem 1.5rem;box-shadow:.1rem .1rem .5rem var(--clr-shadow);color:var(--about-fg);display:flex;font-size:1.1rem;font-weight:700;height:3.5rem;margin:0 0 1rem;padding:0 0 0 1.5rem;position:relative;transition:.4s ease;width:calc(100% - 1.5rem)}.App .container__leftside__firstbtns__about:hover{background:var(--about-hov-bg)}@media screen and (min-width:1200px){.App .container__leftside__firstbtns__about{border-radius:.5rem .5rem 1.25rem 1.25rem;font-size:1rem;height:3rem}}@media screen and (min-width:1800px){.App .container__leftside__firstbtns__about{border-radius:.5rem .5rem 1.5rem 1.5rem;font-size:1.1rem;height:3.5rem}}.App .container__leftside__user{align-items:center;background:linear-gradient(90deg,var(--user-bg-tint),var(--user-bg-tint)),var(--user-bg);background-position:50%;background-size:cover;border-radius:1.5rem 1.5rem .5rem .5rem;box-shadow:.1rem .1rem .5rem var(--clr-shadow);display:flex;flex-direction:row;gap:1rem;height:7rem;margin:1rem 0 0;overflow:hidden;position:relative;transition:.4s ease;width:100%}@media screen and (max-width:768px){.App .container__leftside__user{height:8.5rem}}@media screen and (min-width:1200px){.App .container__leftside__user{border-radius:1.25rem 1.25rem .5rem .5rem;height:7rem}}@media screen and (min-width:1800px){.App .container__leftside__user{border-radius:1.5rem 1.5rem .5rem .5rem;height:8.5rem}}.App .container__leftside__user:hover{transition:.4s ease}.App .container__leftside__user:hover .entranceind{background:var(--entranceind-def-hov-bg)}.App .container__leftside__user:hover .container__leftside__user__name{transition:.4s ease}.App .container__leftside__user:hover:before{opacity:.5;transition:.4s ease}.App .container__leftside__user__pic{display:flex;flex-shrink:0;height:5rem;margin:0 0 0 1.5rem;position:relative;width:5rem;z-index:100}.App .container__leftside__user__pic>.dummdivvv{background:url(../../static/media/user.0a914f592d41082623db.jpg);background-position:50%;background-size:cover;border-radius:50%;flex-shrink:0;inset:0;position:absolute;z-index:100}@media screen and (min-width:1200px){.App .container__leftside__user__pic{height:4rem;width:4rem}}@media screen and (min-width:1800px){.App .container__leftside__user__pic{height:5rem;width:5rem}}.App .container__leftside__user__pic:before{border:2px solid var(--user-fg);border-radius:50%;content:"";height:calc(5rem + 4px);left:-4px;position:absolute;top:-4px;width:calc(5rem + 4px);z-index:1}@media screen and (min-width:1200px){.App .container__leftside__user__pic:before{height:calc(4rem + 4px);width:calc(4rem + 4px)}}@media screen and (min-width:1800px){.App .container__leftside__user__pic:before{height:calc(5rem + 4px);width:calc(5rem + 4px)}}.App .container__leftside__user__info__btndesc,.App .container__leftside__user__info__name{color:var(--user-fg);position:relative;z-index:1000}.App .container__leftside__user__info__name{font-size:1.25rem;font-weight:700;position:relative;transition:.4s ease;z-index:1000}@media screen and (max-width:768px){.App .container__leftside__user__info__name{font-size:1.05rem}}@media screen and (min-width:1200px){.App .container__leftside__user__info__name{font-size:1rem}}@media screen and (min-width:1800px){.App .container__leftside__user__info__name{font-size:1.25rem}}.App .container__leftside__user__info__btndesc{font-size:1rem}@media screen and (min-width:1200px){.App .container__leftside__user__info__btndesc{font-size:.9rem}}@media screen and (min-width:1800px){.App .container__leftside__user__info__btndesc{font-size:1rem}}.App .container__leftside__user:before{background:var(--cont-bg);content:"";inset:0;opacity:0;position:absolute;transition:.4s ease}.App .container__leftside .entranceind{background:var(--entranceind-def-bg);border-radius:50%;color:var(--base-fg);display:grid;font-size:1rem;height:1.8rem;place-content:center;position:absolute;right:1.5rem;transition:.4s ease;width:1.8rem}@media screen and (min-width:1200px){.App .container__leftside .entranceind{font-size:.75rem;height:1.5rem;right:1.25rem;width:1.5rem}}@media screen and (min-width:1800px){.App .container__leftside .entranceind{font-size:1rem;height:1.8rem;right:1.5rem;width:1.8rem}}.App .container__leftside__options{display:flex;flex-direction:column;flex-grow:1;gap:.26rem;width:90%}.App .container__leftside__options__entry{align-items:center;background:var(--cont-bg);border-radius:.25rem;box-shadow:.2rem .2rem .5rem var(--clr-shadow);display:flex;flex-direction:row;font-size:1.1rem;height:3.5rem;padding:0 0 0 1.5rem;position:relative;transition:.4s ease;width:calc(100% - 1.5rem)}@media screen and (min-width:1200px){.App .container__leftside__options__entry{font-size:1rem;height:3rem;padding:0 0 0 1.25rem;width:calc(100% - 1.25rem)}}@media screen and (min-width:1800px){.App .container__leftside__options__entry{font-size:1.1rem;height:3.5rem;padding:0 0 0 1.5rem;width:calc(100% - 1.5rem)}}.App .container__leftside__options__entry:hover{background:var(--cont-hov-bg);font-weight:700;transition:.4s ease}.App .container__leftside__options__entry:hover .entranceind{background:var(--entranceind-cont-hov-bg)}.App .container__leftside__options__entry .entranceind{background:var(--entranceind-cont-bg);transition:.4s ease}.App .container__leftside__options__entry:nth-child(2){border-radius:1.5rem 1.5rem .5rem .5rem;margin:1rem 0 0}@media screen and (min-width:1200px){.App .container__leftside__options__entry:nth-child(2){border-radius:1.25rem 1.25rem .5rem .5rem}}@media screen and (min-width:1800px){.App .container__leftside__options__entry:nth-child(2){border-radius:1.5rem 1.5rem .5rem .5rem}}.App .container__leftside__options__entry:last-child{border-radius:.5rem .5rem 1.5rem 1.5rem}@media screen and (min-width:1200px){.App .container__leftside__options__entry:last-child{border-radius:.5rem .5rem 1.25rem 1.25rem}}@media screen and (min-width:1800px){.App .container__leftside__options__entry:last-child{border-radius:.5rem .5rem 1.5rem 1.5rem}}.App .container__leftside__options__entry.settingsbtn{align-items:start;background:var(--settingsbtn-bg);border-radius:1.5rem;display:flex;flex-direction:column;height:4rem;justify-content:center;transition:.4s ease}@media screen and (min-width:1200px){.App .container__leftside__options__entry.settingsbtn{border-radius:1.25rem;height:3.5rem}}@media screen and (min-width:1800px){.App .container__leftside__options__entry.settingsbtn{border-radius:1.5rem;height:4rem}}.App .container__leftside__options__entry.settingsbtn .settingsbtn__uppertext{font-weight:700}.App .container__leftside__options__entry.settingsbtn .settingsbtn__desc{font-size:.9rem}@media screen and (min-width:1200px){.App .container__leftside__options__entry.settingsbtn .settingsbtn__desc{font-size:.75rem}}@media screen and (min-width:1800px){.App .container__leftside__options__entry.settingsbtn .settingsbtn__desc{font-size:.9rem}}.App .container__leftside__options__entry.settingsbtn:hover{background:var(--settingsbtn-hov-bg);transition:.4s ease}.App .container__leftside__options__entry.settingsbtn:hover .entranceind{background:var(--entranceind-settings-hov-bg)}.App .container__leftside__options__entry.settingsbtn .entranceind{background:var(--entranceind-settings-bg)}.App .container__rightside{background:var(--cont-bg);border-radius:2rem;box-shadow:.25rem .25rem .8rem var(--clr-shadow);display:none;overflow:hidden}@media screen and (min-width:768px){.App .container__rightside{display:block}}@media screen and (max-width:768px){.App .container__rightside.opened{border-radius:0;display:block;inset:0;position:absolute;z-index:10000000}}.App .about,.App .home,.App .locallinks,.App .projects,.App .settings,.App .user{-webkit-animation:appear .4s ease forwards;animation:appear .4s ease forwards;height:calc(100% - 4rem);overflow:hidden scroll;padding:2rem;position:relative;scrollbar-width:none;width:calc(100% - 4rem)}.App .about::-webkit-scrollbar,.App .home::-webkit-scrollbar,.App .locallinks::-webkit-scrollbar,.App .projects::-webkit-scrollbar,.App .settings::-webkit-scrollbar,.App .user::-webkit-scrollbar{display:none}@media screen and (min-width:1200px){.App .about,.App .home,.App .locallinks,.App .projects,.App .settings,.App .user{height:calc(100% - 3rem);padding:1.5rem;width:calc(100% - 3rem)}}@media screen and (min-width:1800px){.App .about,.App .home,.App .locallinks,.App .projects,.App .settings,.App .user{height:calc(100% - 4rem);padding:2rem;width:calc(100% - 4rem)}}@media screen and (max-width:768px){.App .about,.App .home,.App .locallinks,.App .projects,.App .settings,.App .user{height:calc(100% - 2rem);padding:1rem;width:calc(100% - 2rem)}}.App .about .exitbtn,.App .home .exitbtn,.App .locallinks .exitbtn,.App .projects .exitbtn,.App .settings .exitbtn,.App .user .exitbtn{padding:.5rem;width:100%}@media screen and (min-width:768px){.App .about .exitbtn,.App .home .exitbtn,.App .locallinks .exitbtn,.App .projects .exitbtn,.App .settings .exitbtn,.App .user .exitbtn{display:none}}.App .home{align-items:start;font-size:2rem;font-weight:700;justify-content:center}.App .home,.App .user{display:flex;flex-direction:column}.App .user{gap:1rem}.App .user__unit{display:flex;flex-direction:row;gap:1.5rem;width:100%}@media screen and (max-width:768px){.App .user__unit{flex-direction:column;gap:.5rem;margin:0 0 .5rem}}@media screen and (min-width:1200px){.App .user__unit{gap:1rem}}@media screen and (min-width:1800px){.App .user__unit{gap:1.5rem}}.App .user__unit__info{align-items:start;display:flex;flex-direction:column;justify-content:flex-start}.App .user__unit__info__name{font-size:3rem;font-weight:700;margin:1rem 0}@media screen and (max-width:768px){.App .user__unit__info__name{align-self:center;font-size:2.25rem;margin:0}}@media screen and (min-width:1200px){.App .user__unit__info__name{font-size:2.5rem}}@media screen and (min-width:1800px){.App .user__unit__info__name{font-size:3rem}}.App .user__unit__info__list{font-size:1.2rem;margin:0}@media screen and (min-width:1200px){.App .user__unit__info__list{font-size:1.1rem}}@media screen and (min-width:1800px){.App .user__unit__info__list{font-size:1.2rem}}.App .user__unit__pic{background:url(../../static/media/user.0a914f592d41082623db.jpg);background-position:50%;background-size:cover;border-radius:1.5rem;height:25rem;width:25rem}@media screen and (max-width:768px){.App .user__unit__pic{height:calc(100vw - 2rem);width:calc(100vw - 2rem)}}@media screen and (min-width:1200px){.App .user__unit__pic{border-radius:1.25rem;height:20rem;width:20rem}}@media screen and (min-width:1800px){.App .user__unit__pic{border-radius:1.5rem;height:25rem;width:25rem}}.App .user__links{display:flex;flex-direction:row;gap:.5rem;height:100%;width:100%}@media screen and (max-width:768px){.App .user__links{flex-wrap:wrap;gap:.4rem}}@media screen and (min-width:1200px){.App .user__links{gap:.4rem}}@media screen and (min-width:1800px){.App .user__links{gap:.5rem}}.App .user__links__entry{align-items:center;background:var(--btn-bg);border-radius:.5rem;color:var(--bae-fg);display:flex;flex-direction:column;font-size:1.2rem;gap:1rem;height:100%;justify-content:center;text-decoration:none;transition:.4s ease;width:calc(16.66667% - .25rem)}@media screen and (max-width:768px){.App .user__links__entry{gap:.5rem;height:10rem;width:calc(50% - .2rem)}}@media screen and (min-width:1200px){.App .user__links__entry{font-size:1rem;gap:.5rem}}@media screen and (min-width:1800px){.App .user__links__entry{font-size:1.2rem;gap:1rem}}.App .user__links__entry:hover{background:var(--btn-hov-bg);transition:.4s ease}.App .user__links__entry:first-child{border-radius:1.5rem .5rem .5rem 1.5rem}@media screen and (max-width:768px){.App .user__links__entry:first-child{border-radius:1.25rem .5rem .5rem .5rem}}@media screen and (min-width:1200px){.App .user__links__entry:first-child{border-radius:1.25rem .5rem .5rem 1.25rem}}@media screen and (min-width:1800px){.App .user__links__entry:first-child{border-radius:1.5rem .5rem .5rem 1.5rem}}@media screen and (max-width:768px){.App .user__links__entry:nth-child(2){border-radius:.5rem 1.25rem .5rem .5rem}.App .user__links__entry:nth-child(5){border-radius:.5rem .5rem .5rem 1.25rem}}.App .user__links__entry:last-child{border-radius:.5rem 1.5rem 1.5rem .5rem}@media screen and (max-width:768px){.App .user__links__entry:last-child{border-radius:.5rem .5rem 1.25rem .5rem}}@media screen and (min-width:1200px){.App .user__links__entry:last-child{border-radius:.5rem 1.25rem 1.25rem .5rem}}@media screen and (min-width:1800px){.App .user__links__entry:last-child{border-radius:.5rem 1.5rem 1.5rem .5rem}}.App .user__links__entry__icon{font-size:5rem}@media screen and (min-width:1200px){.App .user__links__entry__icon{font-size:4rem}}@media screen and (min-width:1800px){.App .user__links__entry__icon{font-size:5rem}}.App .user__links #rdt{color:#ff4500}.App .user__links #vk{color:#07f}.App .user__links #tg{color:#229ed9}.App .user__links #cdb,.App .user__links #yam{height:5rem;width:5rem}@media screen and (min-width:1200px){.App .user__links #cdb,.App .user__links #yam{height:4rem;width:4rem}}@media screen and (min-width:1800px){.App .user__links #cdb,.App .user__links #yam{height:5rem;width:5rem}}.App .user__links #anlsvg{height:6rem;width:6rem}@media screen and (min-width:1200px){.App .user__links #anlsvg{height:5rem;width:5rem}}@media screen and (min-width:1800px){.App .user__links #anlsvg{height:6rem;width:6rem}}.App .user__links #anl{gap:.25rem}@media screen and (min-width:1200px){.App .user__links #anl{gap:0}}@media screen and (min-width:1800px){.App .user__links #anl{gap:.25rem}}.App .locallinks,.App .projects{align-content:start;display:flex;flex-wrap:wrap;gap:.5rem}.App .locallinks__entry,.App .projects__entry{align-items:center;background:var(--btn-bg);border-radius:1.5rem;color:var(--base-fg);display:flex;flex-direction:row;font-size:1rem;gap:.5rem;height:4rem;padding:0 0 0 1.5rem;position:relative;text-decoration:none;transition:.4s ease;width:calc(50% - 2rem)}@media screen and (max-width:768px){.App .locallinks__entry,.App .projects__entry{width:100%}}@media screen and (min-width:1200px){.App .locallinks__entry,.App .projects__entry{border-radius:1.25rem;font-size:.9rem;height:3.6rem}}@media screen and (min-width:1800px){.App .locallinks__entry,.App .projects__entry{border-radius:1.5rem;font-size:1rem;height:4rem}}.App .locallinks__entry__icon,.App .projects__entry__icon{font-size:1.5rem}@media screen and (min-width:1200px){.App .locallinks__entry__icon,.App .projects__entry__icon{font-size:1.25rem}}@media screen and (min-width:1800px){.App .locallinks__entry__icon,.App .projects__entry__icon{font-size:1.5rem}}.App .locallinks__entry:hover,.App .projects__entry:hover{background:var(--btn-hov-bg);transition:.4s ease}.App .locallinks__entry .entranceind,.App .projects__entry .entranceind{background:var(--entranceind-def-bg)}@media screen and (min-width:1200px){.App .locallinks__entry .entranceind,.App .projects__entry .entranceind{height:1.6rem;width:1.6rem}}@media screen and (min-width:1800px){.App .locallinks__entry .entranceind,.App .projects__entry .entranceind{height:1.8rem;width:1.8rem}}.App .locallinks__entry .entranceind__icon,.App .projects__entry .entranceind__icon{font-size:1rem}@media screen and (min-width:1200px){.App .locallinks__entry .entranceind__icon,.App .projects__entry .entranceind__icon{font-size:.8rem}}@media screen and (min-width:1800px){.App .locallinks__entry .entranceind__icon,.App .projects__entry .entranceind__icon{font-size:1rem}}.App .entranceind{background:var(--entranceind-cont-bg);border-radius:50%;color:var(--base-fg);display:grid;font-size:1rem;height:1.8rem;place-content:center;position:absolute;right:1.5rem;transition:.4s ease;width:1.8rem}.App .settings{display:flex;flex-direction:column;gap:1rem}.App .settings__category{display:flex;flex-direction:column;gap:.5rem}.App .settings__category__header{color:var(--user-fg);font-weight:700;margin:0 0 -.25rem 1rem}.App .settings__category #colorscheme{background:none;gap:.5rem;height:7rem;justify-content:flex-start;overflow-x:scroll;padding:0;scroll-snap-type:x mandatory;width:100%}@media screen and (min-width:1200px){.App .settings__category #colorscheme{height:6rem}}@media screen and (min-width:1800px){.App .settings__category #colorscheme{height:7rem}}.App .settings__category__entry{-ms-overflow-style:none;align-items:center;background-color:var(--btn-bg);border-radius:1.5rem;display:flex;flex-direction:row;font-size:1.2rem;height:3.8rem;justify-content:space-between;overflow-x:scroll;padding:0 1.5rem;scroll-snap-type:x mandatory;scrollbar-width:none;width:calc(100% - 3rem)}.App .settings__category__entry::-webkit-scrollbar{display:none}@media screen and (min-width:1200px){.App .settings__category__entry{border-radius:1.25rem;font-size:1.1rem;height:3.5rem}}@media screen and (min-width:1800px){.App .settings__category__entry{border-radius:1.5rem;font-size:1.2rem;height:3.8rem}}.App .settings__category__entry__option{background:var(--btn-bg);border-radius:1.5rem;display:grid;flex-shrink:0;height:100%;place-content:center;transition:.4s ease;width:7rem}@media screen and (min-width:1200px){.App .settings__category__entry__option{border-radius:1.25rem;width:6rem}}@media screen and (min-width:1800px){.App .settings__category__entry__option{border-radius:1.5rem;width:7rem}}.App .settings__category__entry__option.sel{background:var(--sel-bg)}.App .settings__category__entry__option.sel:hover{background:var(--sel-hov-bg);transition:.4s ease}.App .settings__category__entry__option:hover{background:var(--btn-hov-bg);transition:.4s ease}.App .settings__category__entry__option .color_sircle{grid-gap:0;border-radius:50%;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);height:4rem;overflow:hidden;place-content:center;place-items:center;width:4rem}@media screen and (min-width:1200px){.App .settings__category__entry__option .color_sircle{height:3.25rem;width:3.25rem}}@media screen and (min-width:1800px){.App .settings__category__entry__option .color_sircle{height:4rem;width:4rem}}.App .settings__category__entry__option .color_sircle__color{height:4rem;width:2rem}.App .settings__category__entry__option .color_sircle__color:first-child{grid-column:1/-1;grid-row:1;width:100%}.App .settings__category__entry__options{align-items:center;background-color:var(--slider-bg);border-radius:1.5rem;display:flex;flex-direction:row;gap:.25rem;height:3rem;justify-content:space-between;overflow:hidden;padding:0 .5rem;position:relative;width:15rem}@media screen and (min-width:1200px){.App .settings__category__entry__options{height:2.8rem}}@media screen and (min-width:1800px){.App .settings__category__entry__options{height:3rem}}.App .settings__category__entry__options__selector{background-color:var(--about-bg);border-radius:1.5rem;height:2.4rem;left:.3rem;position:absolute;transition:.2s ease;width:7.8rem;z-index:0}@media screen and (min-width:1200px){.App .settings__category__entry__options__selector{height:2.2rem}}@media screen and (min-width:1800px){.App .settings__category__entry__options__selector{height:2.4rem}}.App .settings__category__entry__options__entry{border-radius:1.5rem;display:grid;flex-grow:1;font-size:1rem;height:2.25rem;place-content:center;position:relative;transition:.4s ease;z-index:1}@media screen and (min-width:1200px){.App .settings__category__entry__options__entry{font-size:.9rem}}@media screen and (min-width:1800px){.App .settings__category__entry__options__entry{font-size:1rem}}.App .settings__category__entry__options__entry.sel{color:var(--sel-fg);transition:.4s ease}.App .settings__category__entry__switch{background-color:var(--slider-bg);border-radius:1.5rem;height:2.3rem;position:relative;width:4rem}@media screen and (min-width:1200px){.App .settings__category__entry__switch{height:2.1rem;width:3.8rem}}@media screen and (min-width:1800px){.App .settings__category__entry__switch{height:2.3rem;width:4rem}}.App .settings__category__entry__switch input{height:0;opacity:0;width:0}.App .settings__category__entry__switch__slider{background-color:var(--slider-sircle);border-radius:50%;height:1.8rem;left:.25rem;position:absolute;top:.25rem;transition:.4s ease;width:1.8rem}@media screen and (min-width:1200px){.App .settings__category__entry__switch__slider{height:1.6rem;width:1.6rem}}@media screen and (min-width:1800px){.App .settings__category__entry__switch__slider{height:1.8rem;width:1.8rem}}.App .settings__category__entry__switch input:checked+.settings__category__entry__switch__slider{-webkit-transform:translateX(calc(100% - .25rem));transform:translateX(calc(100% - .25rem));transition:.4s ease}@media screen and (min-width:1200px){.App .settings__category__entry__switch input:checked+.settings__category__entry__switch__slider{-webkit-transform:translateX(100%);transform:translateX(100%)}}@media screen and (min-width:1800px){.App .settings__category__entry__switch input:checked+.settings__category__entry__switch__slider{-webkit-transform:translateX(calc(100% - .25rem));transform:translateX(calc(100% - .25rem))}}@media screen and (max-width:768px){.App .settings__category #lang{align-items:flex-start;flex-direction:column;gap:1rem;height:7.6rem;justify-content:center}.App .settings__category #lang>.settings__category__entry__options{margin:0 0 0 -.5rem}}@-webkit-keyframes appear{0%{opacity:0;-webkit-transform:scale(.98);transform:scale(.98)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes appear{0%{opacity:0;-webkit-transform:scale(.98);transform:scale(.98)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}
/*# sourceMappingURL=main.60be6459.css.map*/