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}.App{font-family:Inter;height:100%;margin-bottom:50px;padding:0;text-align:center}.App,.page-wrapper{display:flex;flex-direction:column;min-height:100vh}.content{flex-grow:1;padding-bottom:100px}.App-footer{background-color:#282c34cc;bottom:0;color:#a5fdb4;display:flex;justify-content:space-around;padding:10px;position:fixed;width:100%;z-index:1000}.Gallery{padding-bottom:80px}.spacer{height:100px}a{cursor:pointer}.hero-title{animation:typing 4s steps(40),blink .75s step-end infinite;color:#a5fdb4;font-family:Inter,extra bold;font-size:100px}.hero-subtitle{color:#a5fdb4;font-family:Inter,extra light;font-size:60px}@media (max-width:768px){.App{padding-bottom:40px}}.App-header{background-color:#282c34;color:#fff;padding:20px}.Skills .buttons button{background-color:#282c34;border:none;border-radius:20px;color:#fff;cursor:pointer;margin:5px;padding:10px 20px}.Skills .buttons button.active,.Skills .buttons button:hover{background-color:#a5fdb4;color:#282c34}.Skills .buttons button:hover{transform:translateY(-5px)}.title_projects{color:#282c34;font-size:60px;margin-bottom:1%;margin-top:10%;padding-bottom:5%}.project-grid{grid-gap:20px;cursor:pointer;display:grid;gap:20px;grid-template-columns:repeat(3,minmax(300px,1fr));justify-content:center;margin:0 auto;max-height:calc(100vh - 200px);padding:20px}@media (max-width:1200px){.project-grid{grid-template-columns:repeat(2,minmax(300px,1fr))}}@media (max-width:768px){.project-grid{grid-template-columns:repeat(1,minmax(300px,1fr))}}.Gallery .project-card{background-color:#fff;border-radius:10px;cursor:pointer;padding:20px;text-align:left}.Gallery .project-card .card_container{align-items:center;background-color:#fff;border-radius:20px;box-shadow:0 4px 16px #0006;display:flex;filter:grayscale(100%);flex-direction:column;height:694px;justify-content:center;margin:auto;padding:5%;transition:filter .3s ease;width:395px}.Gallery .project-card .card_container:hover{filter:grayscale(0)}.Gallery .project-card .container_title{margin-bottom:20px;text-align:center}.Gallery .project-card .inside_container{align-items:center;background-color:initial;border-radius:5px;cursor:pointer;display:flex;height:200px;justify-content:center;overflow:hidden;width:140px}.Gallery .project-card .inside_container img{height:auto;width:110%}.Gallery .project-card .inside_container:hover{opacity:.8}.Gallery .project-card .description{margin-bottom:20px;padding-top:10px;text-align:center}.Gallery .project-card .ul_buttons{cursor:pointer;list-style-type:none;margin-top:10%;padding:0}.Gallery .project-card .ul_buttons li{cursor:pointer;margin-bottom:10%}.Gallery .project-card .projetc_button{background-color:#a5fdb4;border-radius:100px;box-shadow:0 4px 8px #0006;color:#fff;cursor:pointer;display:block;padding:10px;text-align:center;text-decoration:none;transition:background-color .3s ease;width:100%}.Gallery .project-card .projetc_button:hover{background-color:#fff;cursor:pointer}.Gallery .project-card .button_text{color:#282c34;cursor:pointer;display:inline-block;text-decoration:none}.App-footer a{color:#a5fdb4;cursor:pointer;margin:0 10px;text-decoration:none}.App-footer a:hover{color:#00f6ff;cursor:pointer}@media (max-width:600px){.Gallery .project-card .card_container{max-width:none;width:90%}}.project-card{opacity:0;transform:translateY(20px);transition:opacity 1s ease-out,transform 1s ease-out}.project-card.animate{opacity:1;transform:translateY(0)}.custom-button{background-color:#a5fdb4;border:none;border-radius:20px;color:#282c34;cursor:pointer;font-size:16px;padding:5px 20px;transition:background-color .3s}.custom-button:hover{background-color:#282c34;color:#fff}.category-container{display:flex;gap:8px}.category{background-color:#a5fdb4;border-radius:12px;color:#333;padding:4px 8px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.modal-content{background:#fff;border-radius:10px;max-height:90vh;max-width:800px;overflow-y:auto;padding:20px;position:relative;width:90%}.modal-header{border-radius:0 0 15px 15px;justify-content:space-between;margin-bottom:10px}.modal-close,.modal-header{align-items:center;display:flex}.modal-close{background:none;border:1;border-radius:20%;cursor:pointer;flex-direction:column;font-size:1.5rem;height:32px;justify-content:center;width:32px}.modal-close .close-bar{background-color:#66faba;height:5px;transition:transform .3s,opacity .3s;width:100%}.modal-close.active .close-bar:first-child{transform:rotate(45deg)}.modal-close.active .close-bar:nth-child(2){transform:rotate(-45deg)}.modal-close:hover .close-bar{background-color:#68e5bb}.App-header{margin-bottom:20px;text-align:center}.modal-section{border-radius:20px;display:flex;flex-wrap:wrap;margin-bottom:20px}.modal-left,.modal-right{flex:1 1;padding:10px}.modal-left{line-height:1.5;text-align:left;text-justify:inter-word}.modal-right img{border-radius:20px;height:auto;width:100%}.modal-button{background:#000;border:none;border-radius:25px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;display:inline-block;margin-top:10px;padding:10px 20px;text-align:center;text-decoration:none}.modal-button.hover{color:#00f6ff}.modal-images{border-radius:20px;display:flex;flex-direction:column}.modal-images img{border-radius:20px;height:auto;margin-bottom:10px;max-width:100%;width:100%}.modal-project-images img{height:auto;margin-bottom:10px;max-width:60%;width:60%}@media (max-width:768px){.modal-section{flex-direction:column}.modal-left,.modal-right{padding:0;text-align:left;width:100%}.modal-right{order:-1}.modal-right img{border-radius:20px}}.modal-image-subtitle{color:#666;font-size:14px;margin-top:5px}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter-cyrillic-ext-400-normal.fd1478dcc74de00ee4c0.woff2) format("woff2"),url(/static/media/inter-cyrillic-ext-400-normal.e89451624c6caf35687f.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter-cyrillic-400-normal.cb04b2ee2f7d192478b8.woff2) format("woff2"),url(/static/media/inter-cyrillic-400-normal.e2841352dd9512ff455b.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter-greek-ext-400-normal.f2fa0d9ef98f59d4a75b.woff2) format("woff2"),url(/static/media/inter-greek-ext-400-normal.b9e1e89444a313a63b91.woff) format("woff");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter-greek-400-normal.a8de720a6f13c66c8a4e.woff2) format("woff2"),url(/static/media/inter-greek-400-normal.a42da273bb968bf2058d.woff) format("woff");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter-vietnamese-400-normal.44c9df135eec470b0ab6.woff2) format("woff2"),url(/static/media/inter-vietnamese-400-normal.96f8adc74b63e1a3655f.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter-latin-ext-400-normal.3d10c85fbd16969509a2.woff2) format("woff2"),url(/static/media/inter-latin-ext-400-normal.1c20f7dc20d731a18fcd.woff) format("woff");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter-latin-400-normal.9698cc7dbf147ed363b6.woff2) format("woff2"),url(/static/media/inter-latin-400-normal.b0c8fe9db56dd415a25a.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}
/*# sourceMappingURL=main.328bd93a.css.map*/