@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--max-width-screen: 2560px}:root{--black-color-text: #000000;--white-color-text: #ffffff;--primary-color: #3dc342;--primary-color-transparent: #3dc34294;--secondary-color: #4e5f4d;--secondary-light-color: #678165;--background-color: #ecedea}#root{min-height:100vh;max-width:var(--max-width-screen);margin:0 auto;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--background-color);position:relative;overflow-x:hidden;line-height:1.5}body{background-color:var(--background-color)}main{max-width:100%;min-height:100vh}input,textarea{font-family:Inter,Segoe UI}.wrapper{max-width:1650px;width:100%;margin:0 auto;padding:0 1rem;box-sizing:border-box}.flex-row{display:flex;flex-direction:row;justify-content:center;gap:30px}.suspense-loading{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.title-2{color:var(--primary-color);font-size:2rem;font-weight:900;text-align:center;max-width:20ch;margin:0 auto 30px}.title-3{width:20ch;font-size:1.5rem;line-height:1.5;padding:20px 0;text-align:left}.api-success-message{background-color:var(--primary-color);padding:20px;box-shadow:0 2px 5px #000;color:#fff;font-size:inherit}.api-error-message{background-color:#f33;padding:20px;box-shadow:0 2px 5px #000;color:#fff;font-size:inherit}@media (max-width: 1122px){.title-3{margin:auto;text-align:center}}.loading{position:relative;width:70px;height:70px;margin:40px 0;border-radius:50%;background-image:conic-gradient(var(--primary-color) 30deg,transparent 250deg);animation:rolling linear infinite 1.3s}.loading:after{content:"";width:50px;height:50px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--background-color)}.projects-section .loading{background-image:conic-gradient(var(--white-color-text) 30deg,transparent 250deg)}.projects-section .loading:after{background-color:var(--secondary-color)}@keyframes rolling{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}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;text-decoration:none;-webkit-user-select:text;user-select:text}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}
