@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);:root{--text:#f0ebf6;--background:#0f0816;--primary:#be9ddf;--secondary:#4e227a;--accent:#8d44d5;--glass:#4e227a66;--bg-svg:0%;--icons:100%}[data-theme=light]{--text:#090602;--background:#ebe0ca;--primary:#c98106;--secondary:#abbce0;--accent:#c98106;--glass:#abbce0;--bg-svg:100%;--icons:0%}*{color:#f0ebf6;color:var(--text);font-family:Montserrat,sans-serif;font-weight:500;margin:0}.App{background-color:#0f0816;background-color:var(--background);min-height:100vh;position:relative}.App:before{background-image:url(/static/media/grid.c42b8643269c94732728.svg);background-repeat:repeat;content:"";filter:invert(0);filter:invert(var(--bg-svg));height:100%;right:0;top:0;inset:0;opacity:.5;pointer-events:none;position:absolute;width:100%}.container{margin:auto}.highlight{color:#8d44d5;color:var(--accent)}.del-btn{color:#f55;cursor:pointer;text-decoration:underline}.del-btn:hover{color:red}@media screen and (min-width:1150px){.container{width:1150px}}@media screen and (max-width:1149px){.container{width:90dvw}}@media screen and (max-width:10px){.container{width:90dvw}}.main-nav{align-items:center;display:flex;height:110px;justify-content:space-between}.main-nav .main-logo{transition-duration:.2s}.main-nav .main-logo img{height:60px;width:60px}.main-nav .main-logo:hover{rotate:-45deg;transition-duration:.2s}.main-nav .controls{display:flex;gap:10px}.main-nav .controls .nav-btn{align-items:center;background-color:#0006;border:none;border-radius:100px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:45px;justify-content:center;text-decoration:none;width:45px}.main-nav .controls .nav-btn svg{filter:invert(100%) sepia(0) saturate(0) hue-rotate(166deg) brightness(100%) contrast(104%);height:20px;width:20px}.main-nav .controls .nav-btn:hover{background-color:#4e227a66;background-color:var(--glass)}.main-nav .controls .lang-btns{display:flex;flex-direction:row-reverse;font-size:20px;gap:10px;justify-content:baseline}.tech-card{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#4e227a66;background-color:var(--glass);border-radius:.375rem;height:60px}.tech-card,.tech-card div#icon{align-items:center;display:flex}.tech-card div#icon{background-color:#00000080;border-radius:.5rem;height:36px;justify-content:center;margin-left:10px;width:36px}.tech-card div#icon img{height:20px;width:20px}.tech-card p{margin-left:10px}.timeline{margin:0 auto;max-width:1200px;position:relative}.timeline h3{text-decoration:underline}.timeline h3,.timeline p{color:#f0ebf6;color:var(--text)}.timeline .container{background-color:inherit;padding:10px 40px;position:relative;width:170px}.timeline .container:after{background-color:#4e227a;background-color:var(--secondary);border:4px solid #be9ddf;border:4px solid var(--primary);border-radius:50%;content:"";height:25px;position:absolute;right:-17px;top:15px;width:25px;z-index:1}.timeline .left:before{border:solid #0000;border-left:solid #4e227a;border-color:#0000 #0000 #0000 var(--secondary);border-width:10px 0 10px 10px;right:30px}.timeline .left:before,.timeline .right:before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1}.timeline .right:before{border:solid var(--secondary);border-color:#0000 #4e227a;border-color:#0000 var(--secondary) #0000 var(--secondary);border-style:solid;border-width:10px 10px 10px 0;left:30px}.timeline .right:after{left:-16px}.timeline .content{border-radius:6px;padding:20px 30px;position:relative}.timeline .content,.timeline:after{background-color:#4e227a;background-color:var(--secondary)}.timeline:after{bottom:0;content:"";left:50%;margin-left:-3px;position:absolute;top:0;width:6px}@media screen and (min-width:601px){.left{left:-125px}.right{left:125px}}@media screen and (max-width:600px){.timeline:after{left:31px}.timeline .container{margin:0;width:calc(100dvw - 120px)}.timeline .container:before{border:solid #0000;border-right:solid #4e227a;border-color:#0000 var(--secondary) #0000 #0000;border-width:10px 10px 10px 0;left:30px}.timeline .container.left{left:15px;margin-left:15px}.left:after{left:-15px}.right:after{left:0}.right{left:30px}}.work-card{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#4e227a66;background-color:var(--glass);border-radius:.375rem;min-height:250px}.work-card .head{align-items:center;display:flex;margin-top:10px}.work-card .head div#icon{align-items:center;background-color:#00000080;border-radius:.5rem;display:flex;height:36px;justify-content:center;margin-left:10px;width:36px}.work-card .head div#icon img{height:20px;width:20px}.work-card .head a,.work-card .head p{margin-left:10px}.work-card .body p{margin:10px}.work-card .footer{display:flex;flex-wrap:wrap;gap:5px;margin:10px;max-height:150px;overflow:hidden}.work-card .footer .tag{border-radius:10px;color:#000;font-size:14px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:5px 10px}.work-card .footer .tag.red{background-color:pink}.work-card .footer .tag.yellow{background-color:#add8e6}.work-card .footer .tag.green{background-color:#44883e}.form-content{margin:50px 0}.form-content h2{margin:50px 0;text-align:center;text-decoration:underline}.form-content .form-container{margin:auto;width:250px}.form-content form,.form-content form *{width:100%}.form-content form hr{margin:25px 0;width:100%}.form-content form .fields{display:flex;flex-direction:column;gap:10px}.form-content form .fields .field{display:flex;flex-direction:column;gap:5px}.form-content form .fields .field label{font-size:16px;font-weight:600}.form-content form .fields .field input,.form-content form .fields .field textarea{background-color:#0f0816;background-color:var(--background);border:1px solid #8d44d5;border:1px solid var(--accent);border-radius:5px;color:#f0ebf6;color:var(--text);font-size:15px;margin:0;outline:none;padding:5px;resize:none;width:calc(100% - 12px)}.form-content form .fields .field .button,.form-content form .fields .field button{background-color:#be9ddf;background-color:var(--primary);border:1px solid #be9ddf;border:1px solid var(--primary);border-radius:5px;color:#0f0816;color:var(--background);cursor:pointer;width:100%}.form-content form .fields .field .button:hover,.form-content form .fields .field button:hover{background-color:#4e227a;background-color:var(--secondary);color:#be9ddf;color:var(--primary)}.form-content form .fields .field .addon{display:flex;gap:5px}.form-content form .fields .field .tags{align-items:center;display:flex;flex-wrap:wrap;gap:2px;justify-content:center}.form-content form .fields .field .tags .tag{border-radius:5px;text-align:center;width:100px}.form-content form .fields .field label{display:flex;gap:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}footer{font-size:14px;margin-top:25px}footer .content{align-items:center;display:flex;justify-content:space-between;padding:10px 0}footer .content .links{display:flex;gap:10px}footer .content .links a img{filter:invert(100%);filter:invert(var(--icons));height:32px;width:32px}footer .content .techno p{font-style:italic}footer .content .techno p span{color:#8d44d5;color:var(--accent);font-style:normal}.announce{background-color:#4e227a66;background-color:var(--glass);border-radius:.375rem;margin-bottom:1em;padding:1em}.announce__title{color:#f0ebf6;color:var(--text);text-decoration:underline}.announce_cards{margin:auto;max-width:50%}.announce_cards .announce-card{background-color:#4e227a66;background-color:var(--glass);border-radius:.375rem;padding:1em}.announce_cards .announce-card__head{display:flex;flex-direction:row;justify-content:space-between}.announce_cards .announce-card__content{display:flex;flex-direction:column;gap:1em;margin-top:2em}main hr{margin-bottom:15px}main h2,main hr{color:#be9ddf;color:var(--primary)}main h2{margin-bottom:12px}main #introduction{align-items:center;display:flex;height:150px;justify-content:space-between}main #introduction .texts{width:60%}main #introduction .protrait{height:150px}main #works .content{margin:25px 0 50px}main #technologies .category{margin:25px 0}main #technologies .category h3{font-size:16px;margin:15px}main .grid{grid-row-gap:.5rem;grid-column-gap:.5rem;column-gap:.5rem;display:grid;list-style:none;margin:0;padding:0;row-gap:.5rem}@media screen and (min-width:1150px){main .grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (max-width:1149px){main #introduction{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10px 0}main .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:760px){main #introduction{font-size:14px}main #introduction .texts{width:100%}main #introduction img{display:none}main .grid{grid-template-columns:repeat(1,minmax(0,1fr))}}main#dashboard .tabs ul{align-items:center;display:flex;gap:25px;justify-content:center;list-style:none;margin:0;padding:0}main#dashboard .tabs ul li{color:#be9ddf;color:var(--primary);cursor:pointer}main#dashboard .tabs ul li:hover{color:#8d44d5;color:var(--accent)}main#dashboard .tabs ul li.active{text-decoration:underline}
/*# sourceMappingURL=main.19031435.css.map*/