body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--orange:#f60}body{font-family:Lato,serif;font-style:normal;font-weight:400;letter-spacing:.8px}.banner{height:100vh;position:relative}.banner:before{background-image:url(/static/media/background.458068c84322b2d7c0e7.webp);background-size:cover;content:" ";height:100vh;left:0;position:absolute;top:-77px;width:100%}.banner .photo{height:350px;mix-blend-mode:multiply;width:350px}.about .icon{width:50px}.about .card{background:#173b45;border-radius:30px;box-shadow:12px 12px 24px #b2b8c9,-12px -12px 24px #f0f8ff;color:#f6f4f4;padding:20px 0}section:not(.banner){margin-bottom:50px}.login_effect{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#ffffff40;border:1px solid #ffffff2e;border-radius:10px;box-shadow:0 8px 32px 0 #1f26875e;padding:20px}.neomorphism{background:#fff;border:none;border-radius:50px;box-shadow:inset 20px 20px 60px #f60,inset -20px -20px 60px #bebebe;outline:none;padding:5px;width:100%}.form_input{background:none;border:none;border-bottom:1px solid #f6f6f6;padding:10px 0;width:100%;&:focus{outline:none}}.chat-container{border:1px solid #ccc;display:flex;flex-direction:column;height:100vh;margin:auto;max-width:600px;padding:20px}.messages{border:1px solid #ccc;flex:1 1;margin-bottom:10px;overflow-y:auto;padding:10px}.input-container{display:flex}input{border:1px solid #ccc;flex:1 1;padding:10px}.skillImg{width:100%}.btn:before{background:#560bad;height:150px;left:100%;top:100%;transition:all .7s;width:200px}.btn:hover:before{left:-30px;top:-30px}.btn:active:before{background:#3a0ca3;transition:background es}.card_cont{display:grid;margin:0 auto;max-width:1140px;min-height:100vh;padding:3rem 0;place-items:center;width:100%}.card__container{flex-wrap:wrap;gap:60px;margin:auto;max-width:90%;padding:60px 0;width:100%}.card__bx,.card__container{display:flex;justify-content:center}.card__bx{--dark-color:#2e2e2e;--dark-alt-color:#777;--white-color:#fff;--button-color:#333;--transition:0.5s ease-in-out;align-items:center;background:var(--dark-color);font-family:inherit;height:450px;position:relative;transition:var(--transition);width:300px}.card__bx:after,.card__bx:before{content:"";position:absolute;transition:var(--transition);z-index:-1}.card__bx:before{border-bottom:4px solid var(--clr);border-top:4px solid var(--clr);inset:-10px 50px;transform:skewY(15deg)}.card__bx:hover:before{inset:-10px 40px;transform:skewY(0deg)}.card__bx:after{border-left:4px solid var(--clr);border-right:4px solid var(--clr);inset:60px -10px;transform:skew(15deg)}.card__bx:hover:after{inset:40px -10px;transform:skew(0deg)}.card__bx .card__data{align-items:center;display:flex;flex-direction:column;gap:30px;height:100%;justify-content:center;overflow:hidden;padding:0 20px;position:relative;text-align:center;width:100%}.card__bx .card__data .card__icon{align-items:center;background-color:var(--dark-color);box-shadow:0 0 0 4px var(--dark-color),0 0 0 6px var(--clr);color:var(--text-color);color:var(--clr);display:flex;font-size:3rem;height:80px;justify-content:center;transition:var(--transition);width:80px}.card__bx:hover .card__data .card__icon{background-color:var(--clr);box-shadow:0 0 0 4px var(--dark-color),0 0 0 300px var(--clr);color:var(--dark-color)}.card__bx .card__data .card__content{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center}.card__bx .card__data h3{color:var(--white-color);font-size:1.5rem;font-weight:500;transition:var(--transition)}.card__bx:hover .card__data h3{color:var(--dark-color);transition:var(--transition)}.card__bx .card__data p{color:var(--dark-alt-color);font-size:.9rem;transition:var(--transition)}.card__bx .card__data a,.card__bx:hover .card__data p{color:var(--dark-color);transition:var(--transition)}.card__bx .card__data a{background-color:var(--clr);border:2px solid var(--clr);display:inline-flex;font-weight:500;margin-top:10px;padding:8px 15px;position:relative;text-decoration:none}.card__bx:hover .card__data a{background-color:var(--dark-color);color:var(--clr)}.card__bx:hover .card__data a:hover{background-color:var(--clr);border-color:var(--dark-color);color:var(--dark-color)}
/*# sourceMappingURL=main.942482f3.css.map*/