html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root,[data-theme=light]{--clr-hig-a:#a63f87;--clr-hig-a-l05:#b84696;--clr-hig-a-l10:#c058a1;--clr-hig-a-l15:#c76bab;--clr-hig-a-l20:#ce7db6;--clr-hig-a-l30:#dca2ca;--clr-hig-a-l40:#eac7df;--clr-hig-a-l50:#f8ecf4;--clr-hig-a-d05:#943878;--clr-hig-a-d10:#813169;--clr-hig-a-d15:#6f2a5a;--clr-hig-a-d20:#5c234b;--clr-hig-a-d30:#37152d;--clr-hig-a-d40:#12070f;--clr-hig-a-d50:black;--clr-cnt-a:#954f7c;--clr-cnt-a-l05:#a6588a;--clr-cnt-a-l10:#af6896;--clr-cnt-a-l15:#b879a1;--clr-cnt-a-l20:#c189ad;--clr-cnt-a-l30:#d2abc4;--clr-cnt-a-l40:#e4ccdb;--clr-cnt-a-l50:#f6edf3;--clr-cnt-a-d05:#84466e;--clr-cnt-a-d10:#743d60;--clr-cnt-a-d15:#633452;--clr-cnt-a-d20:#522c45;--clr-cnt-a-d30:#311a29;--clr-cnt-a-d40:#10080d;--clr-cnt-a-d50:black;--clr-cnt-b:#996988;--clr-cnt-b-l05:#a37894;--clr-cnt-b-l10:#ae87a0;--clr-cnt-b-l15:#b897ac;--clr-cnt-b-l20:#c2a6b8;--clr-cnt-b-l30:#d7c4d0;--clr-cnt-b-l40:#ece2e8;--clr-cnt-b-l50:white;--clr-cnt-b-d05:#8a5e7b;--clr-cnt-b-d10:#7b546d;--clr-cnt-b-d15:#6c4960;--clr-cnt-b-d20:#5d3f52;--clr-cnt-b-d30:#3f2b37;--clr-cnt-b-d40:#20161d;--clr-cnt-b-d50:#020102;--clr-bck-a:#d4ced3;--clr-bck-a-l05:#e0dcdf;--clr-bck-a-l10:#ece9eb;--clr-bck-a-l15:#f8f7f8;--clr-bck-a-l20:white;--clr-bck-a-l30:white;--clr-bck-a-l40:white;--clr-bck-a-l50:white;--clr-bck-a-d05:#c8c0c7;--clr-bck-a-d10:#bcb3bb;--clr-bck-a-d15:#b0a5ae;--clr-bck-a-d20:#a498a2;--clr-bck-a-d30:#8c7d8a;--clr-bck-a-d40:#726470;--clr-bck-a-d50:#574c55;--clr-bck-b:#c6b9c2;--clr-bck-b-l05:#d1c7ce;--clr-bck-b-l10:#ddd5da;--clr-bck-b-l15:#e8e3e7;--clr-bck-b-l20:#f4f1f3;--clr-bck-b-l30:white;--clr-bck-b-l40:white;--clr-bck-b-l50:white;--clr-bck-b-d05:#bbabb6;--clr-bck-b-d10:#af9daa;--clr-bck-b-d15:#a48f9d;--clr-bck-b-d20:#988191;--clr-bck-b-d30:#7f6778;--clr-bck-b-d40:#63505d;--clr-bck-b-d50:#473943}[data-theme=dark]{--clr-hig-a:#c966ac;--clr-hig-a-l05:#c253a2;--clr-hig-a-l10:#ba4297;--clr-hig-a-l15:#a73b88;--clr-hig-a-l20:#953478;--clr-hig-a-l30:#6f275a;--clr-hig-a-l40:#491a3b;--clr-hig-a-l50:#230d1d;--clr-hig-a-d05:#d079b6;--clr-hig-a-d10:#d68cc0;--clr-hig-a-d15:#dd9fcb;--clr-hig-a-d20:#e4b1d5;--clr-hig-a-d30:#f1d7e9;--clr-hig-a-d40:#fefdfe;--clr-hig-a-d50:white;--clr-cnt-a:#c18bb6;--clr-cnt-a-l05:#b87aac;--clr-cnt-a-l10:#af6aa1;--clr-cnt-a-l15:#a65997;--clr-cnt-a-l20:#965088;--clr-cnt-a-l30:#753e6a;--clr-cnt-a-l40:#532d4c;--clr-cnt-a-l50:#321b2d;--clr-cnt-a-d05:#ca9cc0;--clr-cnt-a-d10:#d3accb;--clr-cnt-a-d15:#dcbdd5;--clr-cnt-a-d20:#e5cde0;--clr-cnt-a-d30:#f6eff5;--clr-cnt-a-d40:white;--clr-cnt-a-d50:white;--clr-cnt-b:#a3759c;--clr-cnt-b-l05:#996691;--clr-cnt-b-l10:#895c82;--clr-cnt-b-l15:#7a5174;--clr-cnt-b-l20:#6b4765;--clr-cnt-b-l30:#4c3348;--clr-cnt-b-l40:#2e1e2b;--clr-cnt-b-l50:#0f0a0e;--clr-cnt-b-d05:#ad84a7;--clr-cnt-b-d10:#b794b2;--clr-cnt-b-d15:#c2a3bd;--clr-cnt-b-d20:#ccb2c8;--clr-cnt-b-d30:#e0d1de;--clr-cnt-b-d40:#f5eff4;--clr-cnt-b-d50:white;--clr-bck-a:#210f22;--clr-bck-a-l05:#100710;--clr-bck-a-l10:black;--clr-bck-a-l15:black;--clr-bck-a-l20:black;--clr-bck-a-l30:black;--clr-bck-a-l40:black;--clr-bck-a-l50:black;--clr-bck-a-d05:#321734;--clr-bck-a-d10:#431f45;--clr-bck-a-d15:#552657;--clr-bck-a-d20:#662e69;--clr-bck-a-d30:#883e8c;--clr-bck-a-d40:#aa4db0;--clr-bck-a-d50:#bc70c0;--clr-bck-b:#2e1331;--clr-bck-b-l05:#1d0c1f;--clr-bck-b-l10:#0c050c;--clr-bck-b-l15:black;--clr-bck-b-l20:black;--clr-bck-b-l30:black;--clr-bck-b-l40:black;--clr-bck-b-l50:black;--clr-bck-b-d05:#3f1a43;--clr-bck-b-d10:#512156;--clr-bck-b-d15:#622868;--clr-bck-b-d20:#73307b;--clr-bck-b-d30:#963e9f;--clr-bck-b-d40:#b254bd;--clr-bck-b-d50:#c378cb}@keyframes gradient-loop{0%{background-position:0% 50%}100%{background-position:100% 50%}}*,*:before,*:after{box-sizing:border-box;user-select:none}body{font-family:"Asap",sans-serif;font-size:16px;color:var(--clr-cnt-b);background:var(--clr-bck-a);padding:0 0 20px;width:650px;margin:0 auto;font-weight:400;font-style:normal;overflow-x:hidden;overflow-y:scroll}body::-webkit-scrollbar{width:8px;height:8px}body::-webkit-scrollbar-track{background:var(--clr-bck-b)}body::-webkit-scrollbar-thumb{background:var(--clr-cnt-b);border-radius:10px}body::-webkit-scrollbar-thumb:hover{background:var(--clr-cnt-b)}input,textarea,button{font-family:"Asap",sans-serif;font-size:1em}a{color:var(--clr-hig-a);outline:none}main a{border-radius:3px;display:inline;padding:1px}main a:hover{text-decoration:none;color:var(--clr-bck-a);background:var(--clr-hig-a)}strong{font-weight:600}.theme-transition *,.theme-transition *:before,.theme-transition *:after{transition:.75s color,.75s background,.75s outline-color !important}.hidden{display:block;position:absolute;visibility:hidden}@media screen and (max-width:1024px){body{font-size:15px}}@media screen and (max-width:900px){body{font-size:15px;padding:0;width:100%}}header{display:flex;height:180px;text-align:center;line-height:1;vertical-align:middle}header .group{margin:auto}header .group a.name{display:block;padding:10px 10px 6px;border:2px solid rgba(0,0,0,0);border-radius:4px;position:relative;color:var(--clr-hig-a);font-family:"Miriam Libre",sans-serif;font-size:2.625em;font-weight:600;text-decoration:none;letter-spacing:-1px}html:not(.mobile) header .group a.name{transition:.25s border-color}header .group a.name:hover{border-color:var(--clr-hig-a-l15);color:var(--clr-hig-a-l15)}header .group p.title{margin-top:10px;color:var(--clr-cnt-b);font-size:1em;font-weight:600;text-transform:uppercase;line-height:1.2}@media screen and (max-width:900px){header{height:180px;margin:0 0 20px;background:var(--clr-bck-b);text-align:left;border-radius:0 0 20px 20px}header .group{margin:auto 0;padding-left:30px}header .group a.name{width:200px;height:auto;border:none;padding:5px 0px 0;font-size:2.5em;position:relative;left:-2px}header .group p.title{width:150px;margin-top:5px}header .group p.title span{display:block}header .group p.title span.separator{display:none}}a#btn-menu{display:block;width:39px;height:39px;visibility:hidden;position:fixed;top:20px;right:20px;z-index:90;opacity:1;border-radius:5px;background:var(--clr-hig-a);overflow:hidden;transition:.5s opacity,.4s transform}a#btn-menu>span{display:block;width:23px;height:3px;background:var(--clr-bck-a);border-radius:100px;position:absolute;left:8px;text-indent:-9999px;overflow:hidden;transition:.25s}a#btn-menu span.top{top:11px}a#btn-menu span.mid{top:18px}a#btn-menu span.bot{top:25px}.menu-open a#btn-menu{background:var(--clr-hig-a-d10)}.menu-open a#btn-menu span.top{top:18px;transform:rotate(45deg)}.menu-open a#btn-menu span.mid{opacity:0}.menu-open a#btn-menu span.bot{top:18px;transform:rotate(-45deg)}nav#menu div.panel div.social{position:absolute;top:0;bottom:0;left:0;right:0}nav#menu div.panel div.social a.btn-theme{display:block;width:20px;height:20px;position:absolute;top:17px;right:-35px;text-indent:-9999px;overflow:hidden}nav#menu div.panel div.social a.btn-theme span{display:none}nav#menu div.panel div.social a.btn-theme svg{display:block;width:100%;height:100%;position:absolute;top:0;left:0;color:var(--clr-cnt-b)}[data-theme=dark] nav#menu div.panel div.social a.btn-theme.dark{display:none}[data-theme=light] nav#menu div.panel div.social a.btn-theme.light{display:none}@media screen and (min-width:901px){nav#menu{display:block;position:sticky;top:20px;margin-bottom:20px;user-select:none;z-index:1000}nav#menu:before{content:"";display:block;width:100%;height:50px;position:absolute;top:-20px;left:0;background:var(--clr-bck-a)}nav#menu div.panel ul.pages{position:relative;z-index:10;display:flex;height:55px;background:var(--clr-bck-b);border-radius:5px;overflow:hidden}nav#menu div.panel ul.pages li{display:table;margin:auto;position:relative;width:20%;height:100%}nav#menu div.panel ul.pages li.current a{color:var(--clr-bck-b);background:var(--clr-hig-a)}nav#menu div.panel ul.pages li a{display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center;text-decoration:none;text-transform:uppercase;font-size:1.05em;font-weight:600;color:var(--clr-cnt-b)}html:not(.mobile) nav#menu div.panel ul.pages li a{transition:.2s color,.2s background}nav#menu div.panel ul.pages li:not(.current) a:hover{color:var(--clr-cnt-b-d10);background:var(--clr-bck-b-d10)}nav#menu span.background{display:none}}@media screen and (max-width:900px){a#btn-menu{visibility:visible;z-index:110}nav#menu{display:block;visibility:hidden;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:100;font-size:1.5em;transition:.5s visibility}nav#menu div.panel{display:flex;width:calc(100vw - 90px);height:100vh;background:var(--clr-bck-b-d05);position:absolute;top:0;left:0;z-index:1000;transition:.5s transform,1s visibility;transform:translateX(-120%);filter:drop-shadow(0px 0px 6px rgba(46, 19, 49, 0.25))}[data-theme=dark] nav#menu div.panel{filter:drop-shadow(0px 0px 6px #0c050c)}nav#menu div.panel *{color:var(--clr-hig-a-d10)}nav#menu div.panel a{text-decoration:none}nav#menu div.panel ul.pages{vertical-align:middle;text-align:center;margin:auto;padding-top:50px}nav#menu div.panel ul.pages li{margin:5px}nav#menu div.panel ul.pages li a{display:block;border-radius:5px;padding:15px}nav#menu div.panel ul.pages li.current a{text-decoration:underline}nav#menu div.panel div.social{display:flex;top:50px;left:50%;right:auto;bottom:auto;transform:translateX(-50%);border:1px solid var(--clr-hig-a-d10);border-radius:5px}nav#menu div.panel div.social a.btn-theme{display:block !important;position:relative;top:auto;right:auto;width:36px;height:auto;transition:.5s width}nav#menu div.panel div.social a.btn-theme span{display:block;font-size:.7em;margin:auto 8px auto 0;text-indent:0;text-align:center;font-weight:500;overflow:hidden;position:absolute;top:10px;left:35px;width:95px}nav#menu div.panel div.social a.btn-theme svg{width:auto;height:20px;position:relative;margin:8px}[data-theme=dark] nav#menu div.panel div.social a.btn-theme.dark,[data-theme=light] nav#menu div.panel div.social a.btn-theme.light{background:var(--clr-hig-a-d10);width:140px}[data-theme=dark] nav#menu div.panel div.social a.btn-theme.dark span,[data-theme=light] nav#menu div.panel div.social a.btn-theme.light span{opacity:1}[data-theme=dark] nav#menu div.panel div.social a.btn-theme.dark *,[data-theme=light] nav#menu div.panel div.social a.btn-theme.light *{color:var(--clr-bck-b-d05)}nav#menu span.background{display:block;width:100vw;height:100vh;background:var(--clr-bck-a);opacity:0;position:absolute;top:0;left:0;transition:.5s opacity}.menu-open nav#menu{visibility:visible}.menu-open nav#menu div.panel{transform:translateX(0%)}.menu-open nav#menu span.background{opacity:.7}}main{line-height:1.3}main *:not(img){user-select:text}main *:not(img)::selection{background:var(--clr-bck-a-d15)}main *:not(img)::-moz-selection{background:var(--clr-bck-a-d15)}main *:not(img)::-webkit-selection{background:var(--clr-bck-a-d15)}main>*{margin-bottom:20px}main img{width:100%}main .picture{display:block;overflow:hidden;border-radius:5px}main .group.markdown>*{margin-bottom:20px}main .group.markdown h1,main .group.markdown h2,main .group.markdown h3,main .group.markdown h4,main .group.markdown h5,main .group.markdown h6{margin-bottom:10px;font-size:1.5em;font-weight:600;margin-top:30px}main .group.markdown h1{font-size:1.5em}main .group.markdown h2{font-size:1.4em}main .group.markdown h3{font-size:1.3em}main .group.markdown h4{font-size:1.2em}main .group.markdown h5{font-size:1.1em}main .group.markdown h6{font-size:1em}main .group.markdown strong{font-weight:600}main .group.markdown em{font-style:italic}main .group.markdown del{text-decoration:line-through}main .group.markdown ul,main .group.markdown ol{list-style-position:outside;margin-left:18px;line-height:1.5}main .group.markdown ul{list-style-type:circle}main .group.markdown ol{list-style-type:decimal}main .group.markdown img{width:calc(100% - 20px);position:relative;left:10px;border-radius:5px;outline:10px solid var(--clr-bck-b);min-height:100px;animation:gradient-loop 2s linear infinite forwards;background:linear-gradient(270deg, #c6b9c2, #b6a5b1, #c6b9c2, #b6a5b1);background-size:300% 100%}main .group.markdown a.image{display:block;padding:0;background:none}html:not(.mobile) main .group.markdown a img{transition:.25s outline-color}main .group.markdown a img:hover{outline-color:rgba(166,63,135,.5)}[data-theme=dark] main .group.markdown a img:hover{outline-color:rgba(201,102,172,.5)}[data-theme=dark] main .group.markdown img{background:linear-gradient(270deg, #2e1331, #461d4b, #2e1331, #461d4b);background-size:300% 100%}main .group.markdown pre{overflow:auto;padding:10px;background:var(--clr-bck-b-l05);border-radius:5px}main .group.markdown pre::-webkit-scrollbar{width:8px;height:8px}main .group.markdown pre::-webkit-scrollbar-track{background:var(--clr-bck-b)}main .group.markdown pre::-webkit-scrollbar-thumb{background:var(--clr-cnt-b);border-radius:10px}main .group.markdown pre::-webkit-scrollbar-thumb:hover{background:var(--clr-cnt-b)}main .group.markdown pre,main .group.markdown code{font-family:Roboto Mono,Lucida Sans Typewriter,Lucida Console,monaco,Courrier,monospace;font-size:.85em}main .group.markdown blockquote{position:relative;padding:10px 10px 10px 25px;background:var(--clr-bck-b);border-radius:5px}main .group.markdown blockquote:before{content:"";display:block;width:5px;position:absolute;top:10px;bottom:10px;left:10px;border-radius:10px;background:var(--clr-cnt-b)}@media screen and (max-width:900px){main{padding:0 20px}}footer{display:flex;background:var(--clr-bck-b);width:100%;height:55px;padding:12px;border-radius:5px}footer *{user-select:text}footer *::selection{background:var(--clr-bck-b-d15)}footer *::-moz-selection{background:var(--clr-bck-b-d15)}footer *::-webkit-selection{background:var(--clr-bck-b-d15)}footer a,footer p{margin:auto auto auto 0;text-align:left;font-weight:600;color:var(--clr-cnt-b);text-decoration:none}footer a:hover{color:var(--clr-cnt-a-l15);text-decoration:underline}footer ul.social{margin:auto 0 auto auto}footer ul.social li{display:block;width:32px;height:32px;float:left;overflow:hidden;border-radius:5px;margin-left:5px;position:relative;background:var(--clr-cnt-b)}html:not(.mobile) footer ul.social li{transition:.125s color,.125s background}footer ul.social li a{display:block;width:100%;height:100%;text-indent:-9999px;position:relative;z-index:10}footer ul.social li svg{position:absolute;top:50%;left:50%;width:75%;height:75%;color:var(--clr-bck-b);transform:translate(-50%, -50%)}html:not(.mobile) footer ul.social li svg{transition:.125s color,.125s transform}footer ul.social li:hover{background:var(--clr-cnt-b-d20)}html:not(.mobile) footer ul.social li:hover svg{transform:translate(-50%, -50%) scale(0.85)}@media screen and (max-width:900px){footer{height:80px;padding:20px;border-radius:20px 20px 0 0}footer a,footer p{width:80px}}main.about .picture{margin-bottom:20px}main.about p .first-word{display:block;font-size:1.73em;margin-bottom:20px;font-weight:600}main.about ul{list-style-type:circle;list-style-position:outside;margin-left:18px}main.projects .card{display:grid;text-decoration:none;color:var(--clr-cnt-a)}html:not(.theme-transition,.mobile) main.projects .card{transition:.25s background}main.projects .card .header{display:flex;margin-bottom:20px}main.projects .card .header h1,main.projects .card .header h2{font-size:1.5em;font-weight:600;color:inherit;margin:auto 0}main.projects .card .header ul.tags{margin:auto 0 auto auto}main.projects .card .header ul.tags li{font-size:.875em;display:inline-block;padding:3px 6px;border-radius:5px;color:var(--clr-bck-b);background:var(--clr-cnt-a);text-transform:uppercase;font-weight:600}main.projects .card figure{order:-1;display:block;overflow:hidden;margin-bottom:20px}main.projects .card figure img{display:block}html:not(.mobile) main.projects .card figure img{transition:.5s transform}main.projects a.card{border-radius:5px;background:var(--clr-bck-b);padding:20px}main.projects a.card:hover{background:var(--clr-bck-b-d05)}html:not(.mobile) main.projects a.card:hover figure img{transform:scale(1.025)}main.projects .markdown{margin-bottom:40px}main.projects.details .card .header{margin-bottom:0}main.projects a.btn-projects{display:none;margin-top:40px;border:2px solid var(--clr-cnt-b);padding:14px;border-radius:5px;text-align:center;color:var(--clr-cnt-b);text-decoration:none;text-transform:uppercase;font-weight:600;font-size:.9em}main.projects a.btn-projects:hover{color:var(--clr-bck-b)}@media screen and (max-width:900px){main.projects .card .header{display:block;margin-bottom:15px}main.projects .card .header h1,main.projects .card .header h2{margin-bottom:10px;font-size:1.5em}main.projects .card .header ul.tags li{font-size:.85em;border-radius:3px}main.projects a.card{padding:15px}main.projects a.btn-projects{display:block}}main.articles .card{display:grid;grid-template-columns:200px 1fr;gap:20px;text-decoration:none;color:var(--clr-cnt-a)}html:not(.theme-transition,.mobile) main.articles .card{transition:.25s background}main.articles .card .content{display:flex;flex-direction:column}main.articles .card .content h2{margin-bottom:10px;font-size:1.25em;font-weight:600;color:inherit}main.articles .card .content .description{margin:0 auto;flex-grow:1}main.articles .card .content .domain svg{display:inline;width:10px;height:10px;position:relative;top:1px}main.articles .card .content .domain span{display:inline;font-size:.85em}main.articles .card figure{order:-1;display:block;overflow:hidden;width:200px;height:160px}main.articles .card figure img{display:block;width:100%;height:100%;object-fit:cover}html:not(.mobile) main.articles .card figure img{transition:.5s transform}main.articles a.card{border-radius:5px;background:var(--clr-bck-b);padding:20px}main.articles a.card:hover{background:var(--clr-bck-b-d05)}html:not(.mobile) main.articles a.card:hover figure img{transform:scale(1.025)}@media screen and (max-width:900px){main.articles .card{grid-template-columns:auto}main.articles .card .content h2{font-size:1.5em}main.articles .card .content .description{margin-bottom:10px}main.articles .card figure{width:100%}main.articles a.card{padding:15px}}main.experience .group:not(:last-child){margin-bottom:50px}main.experience .group h2{font-weight:600;font-size:1.33em;margin-bottom:20px;color:var(--clr-hig-a)}main.experience .group.timeline ul li{height:auto;position:relative;margin-bottom:30px;padding-left:30px}main.experience .group.timeline ul li:before{content:"";display:block;width:14px;height:14px;border-radius:100%;background:var(--clr-cnt-b-l20);position:absolute;top:4px;left:4px}main.experience .group.timeline ul li:after{content:"";display:block;width:4px;height:120%;background:var(--clr-cnt-b-l20);position:absolute;top:17px;left:9px}main.experience .group.timeline ul li h3{font-weight:600;font-size:1.2em;margin-bottom:15px;color:var(--clr-cnt-a)}main.experience .group.timeline ul li p.subtitle{color:var(--clr-cnt-a);font-weight:600}main.experience .group.timeline ul li p.dates{margin-bottom:15px}main.experience .group.timeline ul li div.description{margin-bottom:15px}main.experience .group.timeline ul li div.description p{margin-bottom:15px}main.experience .group.timeline ul li:last-child:after{height:100%;background:linear-gradient(to bottom, var(--clr-cnt-b-l20) 0%, var(--clr-bck-a) 100%)}main.experience .group.studies ul li{position:relative;padding-left:22px;margin-bottom:20px}main.experience .group.studies ul li:before{content:"";display:block;width:4px;height:90%;border-radius:5px;background:var(--clr-cnt-b-l20);position:absolute;top:50%;left:9px;transform:translateY(-50%)}main.experience .group.studies ul li h4{color:var(--clr-cnt-a);font-weight:600}main.contact>p{margin-bottom:0}main.contact form{display:grid;gap:10px;grid-template-columns:1fr .5fr;margin-top:20px}main.contact form fieldset{display:block;grid-column:1/3;position:relative;background:var(--clr-bck-b);border:1px solid var(--clr-cnt-b-l10);border-radius:5px;height:57px}main.contact form fieldset label{color:var(--clr-cnt-b);font-size:.8em;font-weight:600;position:absolute;top:10px;left:10px}main.contact form fieldset input,main.contact form fieldset textarea{display:block;width:100%;color:var(--clr-cnt-b);background:rgba(0,0,0,0);border:none;outline:none;position:absolute;top:0;left:0;bottom:0;right:0;padding:25px 10px 10px}main.contact form fieldset input::placeholder,main.contact form fieldset textarea::placeholder{opacity:.5;color:var(--clr-cnt-a)}main.contact form fieldset input:focus,main.contact form fieldset textarea:focus{opacity:1}main.contact form fieldset input:focus::placeholder,main.contact form fieldset textarea:focus::placeholder{color:rgba(0,0,0,0)}main.contact form fieldset textarea{width:100%;resize:none}main.contact form fieldset textarea::-webkit-scrollbar{width:8px;height:8px}main.contact form fieldset textarea::-webkit-scrollbar-track{background:var(--clr-bck-b)}main.contact form fieldset textarea::-webkit-scrollbar-thumb{background:var(--clr-cnt-b);border-radius:10px}main.contact form fieldset textarea::-webkit-scrollbar-thumb:hover{background:var(--clr-cnt-b)}main.contact form fieldset:focus-within{background:var(--clr-bck-b-d05)}main.contact form fieldset.country{display:none}main.contact form fieldset.message{height:185px}main.contact form fieldset.error{background-color:var(--clr-hig-a-l30);color:var(--clr-hig-a);border-color:var(--clr-hig-a);border-style:dashed}main.contact form fieldset.error label{color:var(--clr-hig-a)}main.contact form fieldset.error input,main.contact form fieldset.error textarea{color:var(--clr-hig-a)}main.contact form fieldset.error input::placeholder,main.contact form fieldset.error textarea::placeholder{color:var(--clr-hig-a);opacity:1}main.contact form .user-message{display:flex;order:1;visibility:hidden;width:100%}main.contact form .user-message p{margin:auto 0;color:var(--clr-hig-a)}main.contact form .user-message p strong{font-weight:600}main.contact form .user-message.show{visibility:visible}main.contact form button#btn-send{order:2;padding:20px;border:none;border-radius:5px;outline:none;background:var(--clr-hig-a);color:var(--clr-bck-a);text-transform:uppercase;font-weight:600;cursor:pointer}html:not(.mobile) main.contact form button#btn-send{transition:.15s background}main.contact form button#btn-send:hover{background:var(--clr-cnt-b-d20)}main.contact.loading{pointer-events:none}main.contact.loading form button#btn-send{opacity:.5}@media screen and (max-width:900px){main.contact>p{margin-bottom:10px}main.contact form{grid-template-columns:1fr}main.contact form fieldset{grid-column:1}main.contact form .user-message{display:none;text-align:center;margin:10px 0}main.contact form .user-message.show{display:block;visibility:visible}main.contact form button{width:100%}}main .group.tools h2{font-size:1.33em;font-weight:600;margin-bottom:20px}main .group.tools ul{display:flex;flex-wrap:wrap;gap:10px}main .group.tools ul li{display:flex;min-width:calc(50% - 5px);padding:10px;border-radius:5px;background:var(--clr-bck-b);flex-grow:1}main .group.tools ul li svg{display:block;width:25px;height:25px;margin:auto 0}main .group.tools ul li p.title{margin:auto 0;font-weight:600;margin-left:10px}