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{--bg-color: #061431;--alt-bg-color: #162544;--accent-color: #d77f01;--text-color: #ffffff}*{box-sizing:border-box}.svg{color:var(--accent-color);transition:transform .2s ease-in-out;-webkit-user-select:none;user-select:none}.svg:hover{transform:scale(1.5)}.manual-svg{height:1.5rem;width:1.5rem}#root{font-family:Roboto,sans-serif;color:var(--text-color);background-color:var(--bg-color);padding-bottom:100px;display:flex;flex-direction:column;justify-content:space-between;gap:100px;background-image:url(https://res.cloudinary.com/dbpe1wf5i/image/upload/v1729411312/bg_jwwtzu.png);background-position:top;background-repeat:no-repeat;background-size:100% 100%}h1{font-family:Dancing Script,cursive;font-size:2.5rem;width:fit-content;border-bottom:2px solid var(--accent-color)}header{max-width:1500px;margin:100px auto auto;background-color:var(--bg-color);display:flex;gap:25px;box-shadow:#00000059 0 5px 15px}.h-left{position:relative}.h-left img{width:260px;box-shadow:#00000059 -10px 10px 15px;-webkit-user-select:none;user-select:none;opacity:0;filter:blur(5px);transform:scale(1) translate(-100%);transition:all 1s ease-out}.h-right{padding:1.5rem 4rem;display:flex;flex-direction:column;justify-content:space-around}.about-text{margin-top:10px;padding:10px 10% 0 0;line-height:1.1em;text-align:justify;display:flex;flex-direction:column;gap:15px}.h-links{align-self:flex-end;display:flex;gap:10px}main{display:flex;flex-direction:column;align-items:center;gap:50px}.m-container{display:grid;grid-template:repeat(2,1fr) / repeat(4,1fr);gap:25px}.cards{min-height:260px;max-width:300px;background-color:var(--alt-bg-color);border:1px solid hsl(219,26%,25%);border-radius:25px;box-shadow:#00000059 0 5px 15px;-webkit-user-select:none;user-select:none;opacity:0;filter:blur(5px);transform:translate(-100%);transition:scale .25s ease,opacity 1s ease,filter 1s ease,transform 1s ease}.cards:nth-child(2),.cards:nth-child(6){transition:scale .25s ease,opacity 1s ease .2s,filter 1s ease .2s,transform 1s ease .2s}.cards:nth-child(3),.cards:nth-child(7){transition:scale .25s ease,opacity 1s ease .4s,filter 1s ease .4s,transform 1s ease .4s}.cards:nth-child(4),.cards:nth-child(8){transition:scale .25s ease,opacity 1s ease .6s,filter 1s ease .6s,transform 1s ease .6s}.cards:hover{scale:1.25;box-shadow:#0000002b 0 -23px 25px inset,#00000026 0 -36px 30px inset,#0000001a 0 -79px 40px inset,#0000000f 0 2px 1px,#00000017 0 4px 2px,#00000017 0 8px 4px,#00000017 0 16px 8px,#00000017 0 32px 16px;z-index:2}.project-name{position:relative}.project-name:before{content:"";position:absolute;bottom:-10px;left:0;width:0%;height:2px;background-color:var(--accent-color);transition:width .25s ease}.cards:hover .project-name:before{width:100%}.cards img{width:100%;border-radius:25px 25px 0 0}.card-bottom{display:flex;flex-direction:column;justify-content:space-between;align-items:center;flex-grow:1}.text{padding:1em;height:53%;display:flex;flex-direction:column}.first-line{margin-bottom:15px;display:flex;justify-content:space-between;align-items:center}.first-line h3{font-family:Dancing Script,cursive;font-size:1.5rem;transition:all .2s ease}.text p{font-size:.9rem;line-height:1.1em}footer{background-color:var(--alt-bg-color);padding:2rem 4rem;overflow:hidden}.f-container{display:flex;justify-content:space-around}.f-left{display:flex;flex-direction:column;justify-content:space-around}.f-right{-webkit-user-select:none;user-select:none}.phone,.email{display:flex;align-items:center;gap:10px}.socials{display:flex;gap:25px}.img2{max-width:400px;border-radius:25px;box-shadow:#00000059 0 5px 15px;opacity:0;filter:blur(5px);transform:translate(100%);transition:all 1s ease}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color);border:2px solid var(--alt-bg-color)}::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-color)}@media screen and (max-width: 1700px){header{margin:100px 10% 0}}@media screen and (max-width: 1400px){.m-container{grid-template:repeat(3,1fr) / repeat(3,1fr);gap:25px}.cards:last-child{grid-column-start:3}.cards:nth-child(5){grid-column-start:3}}@media screen and (max-width: 1080px){#root{padding-bottom:50px}header{flex-direction:column}.about-text{padding:0}.h-right h1{align-self:center}.h-left img{display:block;margin:auto auto 50px;transform:scale(1) translateY(-100%)}.h-links .svg{height:40px}.m-container{grid-template:repeat(4,1fr) / repeat(2,1fr);gap:50px}.cards:last-child{grid-column-start:auto}.cards:nth-child(5){grid-column-start:auto}}@media screen and (max-width: 770px){#root{background-size:100% 50%;padding-bottom:0}.h-left img{width:200px;margin-bottom:0}.about-text{text-align:left;line-height:1.25em}.h-right{padding:2rem}.h-links{margin-top:25px;align-self:center}.m-container{grid-template:repeat(8,1fr) / repeat(1,1fr);gap:50px}footer{padding:2rem}.f-container{flex-direction:column;align-items:center;justify-content:space-around;gap:50px}.f-left{gap:15px}.f-left h1{align-self:center;margin-bottom:25px}.socials{align-self:center}.socials .svg{height:40px}.img2{display:block;margin:auto;max-width:100%;transform:translateY(90%)}}.show{opacity:1;filter:blur(0);transform:translate(0)}.showImg1{opacity:1!important;filter:blur(0)!important;transform:scale(1.4) translate(0)!important}