:root{--mainColor:#7bce3f;--mainColorRgb:123,206,63;--mainBackgroundColor:#101010;--mainBackgroundColorRgb:16,16,16;--secondBackgroundColor:#1e1e1e;--footerBackgroundColor:#141615;--mainTextColor:#d4d3d3;--secondTextColor:#101010;--thirdTextColor:#dbdbdb;--fourthTextColor:#6e6e6e;--buttonHoverColor:#6cb33a;--inputColor:#dbdbdb;--errorColor:#c52724;--errorColorRgb:197,39,36;--successColor:#428611;--scroolBarThumb:#6b6b6b;--scroolBarHover:#555;--scroolBarBorder:#fff;--githubcolor:#3d2c8d;--linkedincolor:#0077b5;--portfoliocolor:#7bce3f;--skyboundcolor:#145da0;--fireColor:#d86523;--windColor:#ff8c42;--humidityColor:#1f6feb;--frontendColor:#61dafb;--backendColor:#68a063;--deploymentColor:#f5a62f;--designColor:#e27231;--toolsColor:#f1502f;--aiColor:#a259ff}.cards{flex-grow:1;grid-template-columns:repeat(1,1fr);grid-auto-rows:1fr;display:grid}@media (min-width:769px){.cards{grid-template-columns:repeat(1,1fr)}}@media (min-width:1025px){.cards{grid-template-columns:repeat(2,1fr)}}@media (min-width:1440px){.cards{grid-template-columns:repeat(2,1fr)}}.cards{gap:20px}@media (min-width:769px){.cards{gap:30px}}@media (min-width:1025px){.cards{gap:30px}}@media (min-width:1440px){.cards{gap:30px}}.cards{padding:30px}@media (min-width:769px){.cards{padding:0 100px 100px}}@media (min-width:1025px){.cards{padding:0 150px 150px}}@media (min-width:1440px){.cards{padding:0 150px 150px}}.cards .cardContainer{perspective:1200px;cursor:pointer;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,0,.2,1);position:relative}.cards .cardContainer .svgBorder{pointer-events:none;z-index:1;width:100%;height:100%;color:var(--mainColor);filter:none;transition:filter .3s;position:absolute;top:0;left:0}@media (hover:hover) and (pointer:fine){.cards .cardContainer:not(.flipped):hover .front .svgBorder{filter:drop-shadow(0 0 15px rgba(var(--mainColorRgb),.7))}.cards .cardContainer.flipped .back .svgBorder{filter:drop-shadow(0 0 15px rgba(var(--mainColorRgb),.5));transition:filter .5s}.cards .cardContainer.flipped:hover .back .svgBorder{filter:drop-shadow(0 0 25px rgba(var(--mainColorRgb),.9))}}.cards .cardContainer.flipped .back .svgBorder,.cards .cardContainer.tapped .front .svgBorder,.cards .cardContainer.tapped.flipped .back .svgBorder{filter:drop-shadow(0 0 15px rgba(var(--mainColorRgb),.7));transition:filter .5s}.cards .cardContainer:not(.flipped):not(:hover) .front .svgBorder,.cards .cardContainer:not(.flipped) .back .svgBorder{filter:none}.cards .cardContainer .card{backface-visibility:hidden;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:transform .7s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;left:0}.cards .cardContainer .card .cardImage{object-fit:contain;z-index:2;width:70%;max-height:60%;position:relative}@media (min-width:769px){.cards .cardContainer .card .cardImage{width:80%}}@media (min-width:1025px){.cards .cardContainer .card .cardImage{width:80%}}@media (min-width:1440px){.cards .cardContainer .card .cardImage{width:80%}}.cards .cardContainer .card .content{z-index:2;text-align:center;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:10px;display:flex;position:relative}@media (min-width:769px){.cards .cardContainer .card .content{padding:10px}}@media (min-width:1025px){.cards .cardContainer .card .content{padding:20px}}@media (min-width:1440px){.cards .cardContainer .card .content{padding:20px}}.cards .cardContainer .card .content .logoWrapper{justify-content:flex-start;max-width:80%;height:20%;display:flex}@media (min-width:769px){.cards .cardContainer .card .content .logoWrapper{height:20%}}@media (min-width:1025px){.cards .cardContainer .card .content .logoWrapper{height:20%}}@media (min-width:1440px){.cards .cardContainer .card .content .logoWrapper{height:20%}}.cards .cardContainer .card .content .logoWrapper{margin:0 0 8px}@media (min-width:769px){.cards .cardContainer .card .content .logoWrapper{margin:0 0 10px}}@media (min-width:1025px){.cards .cardContainer .card .content .logoWrapper{margin:0 0 30px}}@media (min-width:1440px){.cards .cardContainer .card .content .logoWrapper{margin:0 0 30px}}.cards .cardContainer .card .content .logo{object-fit:contain;width:auto;height:100%}.cards .cardContainer .card .content p{width:90%;font-size:clamp(10px,2vw,30px);line-height:1.3}@media (min-width:769px){.cards .cardContainer .card .content p{width:90%}}@media (min-width:1025px){.cards .cardContainer .card .content p{width:100%}}@media (min-width:1440px){.cards .cardContainer .card .content p{width:100%}}.cards .cardContainer .card .content p{margin:0 0 8px}@media (min-width:769px){.cards .cardContainer .card .content p{margin:0 0 10px}}@media (min-width:1025px){.cards .cardContainer .card .content p{margin:0 0 20px}}@media (min-width:1440px){.cards .cardContainer .card .content p{margin:0 0 20px}}.cards .cardContainer .card .content p{padding:0}@media (min-width:769px){.cards .cardContainer .card .content p{padding:0}}@media (min-width:1025px){.cards .cardContainer .card .content p{padding:0 20px}}@media (min-width:1440px){.cards .cardContainer .card .content p{padding:0 20px}}.cards .cardContainer .card .content .footer{justify-content:flex-end;gap:20px;display:flex}.cards .cardContainer .card .content .footer a{color:var(--mainColor)}.cards .cardContainer .card .content .footer a:hover{color:var(--buttonHoverColor);filter:drop-shadow(0 0 2px var(--mainColor))}.cards .cardContainer .card .content .footer a svg{color:inherit;transition:color .3s,filter .3s}a:hover .cards .cardContainer .card .content .footer a svg{color:var(--buttonHoverColor);filter:drop-shadow(0 0 2px var(--mainColor))}.cards .cardContainer .front{transform:rotateY(0)}.cards .cardContainer .back{transform:rotateY(180deg)}.cards .cardContainer.flipped .front{transform:rotateY(-180deg)}.cards .cardContainer.flipped .back{transform:rotateY(0)}
.email-container{background-color:var(--inputColor);border-radius:50px;align-items:center;width:100%;height:50px;transition:box-shadow .3s;display:flex}.email-container:focus-within{box-shadow:0 0 0 2px var(--fourthTextColor)}.email-container.sending,.email-container.sending:focus-within,.email-container.success,.email-container.success:focus-within{box-shadow:0 0 0 2px var(--successColor)}.email-container.error-active,.email-container.error-active:focus-within{box-shadow:0 0 0 2px var(--errorColor)}.email-input{box-sizing:border-box;width:100%;height:100%;color:var(--secondTextColor);background-color:#0000;border:none;border-radius:50px 0 0 50px;flex:1;padding:0 20px;font-size:clamp(16px,1.8vw + .5vh,24px)}.email-input::placeholder{color:var(--fourthTextColor);font-style:italic}.email-input:focus{box-shadow:none;outline:none}.email-input.input-error::placeholder{color:var(--errorColor);opacity:1}.email-input:disabled{cursor:not-allowed;opacity:.7}.email-input.sending,.email-input.success{color:var(--successColor)}.email-input.error{color:var(--errorColor)}.email-input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--secondTextColor)!important;box-shadow:inset 0 0 0 1000px #0000!important}.email-input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--secondTextColor)!important;box-shadow:inset 0 0 0 1000px #0000!important}.email-input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--secondTextColor)!important;box-shadow:inset 0 0 0 1000px #0000!important}.email-input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--secondTextColor)!important;box-shadow:inset 0 0 0 1000px #0000!important}.submit-button{cursor:pointer;width:50px;height:100%;color:var(--fourthTextColor);background-color:#0000;border:none;border-radius:0 50px 50px 0;padding:0}.submit-button svg{width:60%;height:60%;color:var(--fourthTextColor);margin:auto;transition:transform .5s,fill .5s,color .3s;display:block}@media (hover:hover) and (pointer:fine){.submit-button:hover:not(.sending):not(.success) svg{color:var(--secondTextColor);transform:rotate(-90deg)}}.submit-button.sending svg,.submit-button.success svg{color:var(--successColor);transition:transform .5s,color .1s;transform:rotate(-90deg)}.submit-button.error-active svg{color:var(--errorColor);transition:color .1s,transform .5s;transform:rotate(-90deg)}.submit-button.sending,.submit-button.success,.submit-button.error{cursor:default}
/*# sourceMappingURL=8c38d7d5ffc57256.css.map*/