.text-input-label{display:block;font-family:Plus Jakarta Sans;font-size:28px;font-weight:700;margin-bottom:7px}.text-input-field{box-sizing:border-box;display:block;font-size:21px;margin-bottom:7px;padding:7px;width:100%}.text-area-field{min-height:210px}.file-input-container{display:flex;flex-direction:column;gap:7px;margin-bottom:7px}.file-input-container .file-input-label{font-family:Plus Jakarta Sans;font-size:28px;font-weight:700}.file-input-container .file-input-field{font-size:21px;padding:7px}.file-input-container .file-previews{display:flex;flex-wrap:wrap;gap:7px}.file-input-container .file-previews .file-preview{height:100px;position:relative;width:100px}.file-input-container .file-previews .file-preview img{height:100%;object-fit:cover;width:100%}.file-input-container .file-previews .file-preview .file-delete-button{background-color:red;border:none;color:#fff;cursor:pointer;font-size:16px;padding:2px 5px;position:absolute;right:0;top:0}.submit-button{border:none;cursor:pointer;font-size:28px;padding:7px;text-transform:uppercase;transition:background-color .3s ease-in-out;width:100%}.work-card{cursor:pointer;max-width:420px;min-width:300px;position:relative;width:100%}.work-card .work-card-image-container{aspect-ratio:3/2;width:100%}.work-card .work-card-image-container .work-card-image{display:block;height:100%;object-fit:cover;width:100%}.work-card .work-card-text{height:100%;opacity:0;position:absolute;top:0;transition:opacity .3s ease-in-out;width:100%}.work-card .work-card-text:hover{opacity:1}.work-card .work-card-text .work-card-title{font-size:35px;font-weight:700;text-align:center}.work-card .work-card-text .work-card-description{font-size:14px;max-height:120px;overflow:hidden;padding:0 7px;position:absolute;text-align:justify}.skill-card{cursor:pointer;margin-bottom:14px;max-width:300px;width:100%}.skill-card .skill-card-logo-container{margin-bottom:-7px;text-align:center}.skill-card .skill-card-logo-container *{font-size:70px}.skill-card .skill-card-text .skill-card-level,.skill-card .skill-card-text .skill-card-name{text-align:center}.skill-card .skill-card-text .skill-card-name{font-size:42px;font-weight:700}.skill-card .skill-card-text .skill-card-level{font-size:21px;font-weight:700}.blog-card{cursor:pointer;max-width:460px;min-width:300px;position:relative;width:100%}.blog-card .blog-card-image-container{max-height:140px;overflow:hidden;width:100%}.blog-card .blog-card-image-container .blog-card-image{display:block;height:100%;object-fit:cover;width:100%}.blog-card .blog-card-text{container-type:inline-size;left:50%;max-height:100px;overflow:hidden;padding:7px;position:absolute;top:70px;transform:translateX(-50%);transition:opacity .3s ease-in-out;width:60%}.blog-card .blog-card-text .blog-card-date,.blog-card .blog-card-text .blog-card-subtitle,.blog-card .blog-card-text .blog-card-title{text-align:center}.blog-card .blog-card-text .blog-card-title{font-size:21px;font-weight:700;margin-bottom:-7px;max-height:55px;overflow:hidden}.blog-card .blog-card-text .blog-card-subtitle{font-size:21px;font-weight:700;margin-bottom:7px}.blog-card .blog-card-text .blog-card-date{font-size:14px;margin-bottom:7px;padding-top:21px;text-align:center}.blog-card .blog-card-text .blog-card-tags{display:flex;font-size:14px;margin-bottom:7px;max-height:18px;overflow:hidden;position:absolute;text-align:center;width:100%}.blog-card .blog-card-body{font-size:16px;margin-bottom:7px;max-height:210px;min-height:210px;overflow:hidden;padding-top:35px}.blog-card .blog-card-body h4{font-size:18px;margin-bottom:7px}.blog-card .blog-card-body p{font-size:16px;margin-bottom:7px}.card-link{bottom:7px;left:50%;max-width:180px;padding:7px;position:absolute;text-align:center;text-transform:uppercase;transform:translateX(-50%);transition:background-color .3s ease-in-out;width:100%}.header-link{font-size:28px;font-weight:500;margin-left:14px;text-align:right;transition:color .3s ease-in-out}.icon-link{aspect-ratio:1;flex:1 1}.icon-link :first-child{cursor:pointer;height:100%;transition:color .3s ease-in-out;width:100%}.route .route-title{text-transform:uppercase}.route .route-content{max-height:calc(100vh - 70px);min-height:calc(100vh - 70px);overflow-y:scroll}.route.item .route-title{height:35px}.route.item .route-content{max-height:calc(100vh - 110px);min-height:calc(100vh - 110px)}.route.item .route-title{margin-bottom:14px;margin-left:50%;max-width:900px;text-align:center;transform:translateX(-50%);width:100%}@media only screen and (max-width:767px){.route.item .route-title{font-size:28px;max-width:100%;width:100%}.route.item .route-content{margin-top:42px;max-height:calc(100vh - 120px);min-height:calc(100vh - 120px)}}*{box-sizing:border-box;font-family:Inter;margin:0;outline:none;text-decoration:none}::-webkit-scrollbar{width:7px}h1,h2,h3,h4,h5,h6{font-family:Plus Jakarta Sans}h1{font-size:35px;font-weight:700}h2{font-size:42px}h2,h3{font-weight:600}.app{max-height:100vh;min-height:100vh;overflow:hidden;padding:7px 2%}.lightmode{background-color:#f9fafb}.lightmode *{color:#6a6a6a}.lightmode ::-webkit-scrollbar-thumb{background:#d0491e}.lightmode h1{color:#128482}.lightmode .home-mern-icons *,.lightmode h2{color:#3b2f2f}.lightmode .home-work-example-title{color:#d0491e}.lightmode .header{border-color:#3b2f2f}.lightmode .header .header-title #header-title-surname{color:#d0491e}.lightmode .header .header-subtitle{color:#6a6a6a}.lightmode .navbar-narrow,.lightmode .navbar-narrow-links{background-color:#f9fafb}.lightmode .navbar-narrow-border{border:2px solid #3b2f2f}.lightmode .dark-mode-toggle *{color:#3b2f2f}.lightmode .dark-mode-toggle:hover *{color:#128482}.lightmode #home-title-surname{color:#d0491e}.lightmode .work-grid-selection .work-grid-selection-item{color:#128482}.lightmode .work-grid-selection .work-grid-selection-item:hover{color:#d0491e}.lightmode .work-grid-selection .work-grid-selection-item.selected{border-bottom:4px solid #d0491e}.lightmode .skills-container .skill-modal-container .skill-modal{background-color:#f9fafb;border-color:#128482}.lightmode .skills-container .skill-modal-container .skill-modal .skill-modal-logo *{color:#128482}.lightmode .skills-container .skill-modal-container .skill-modal .skill-modal-level{color:#d0491e}.lightmode .skills-container .skill-modal-container .skill-modal .skill-modal-button{background-color:#128482;color:#f9fafb}.lightmode .skills-container .skill-modal-container .skill-modal .skill-modal-button:hover{background-color:#d0491e;color:#128482}.lightmode .contact-container .contact-form .message-status,.lightmode .contact-container .contact-links-title,.lightmode .file-input-container .file-input-label{color:#d0491e}.lightmode .header-link:hover,.lightmode .icon-link :first-child{color:#128482}.lightmode .icon-link:hover :first-child,.lightmode .work-card .work-card-category{color:#d0491e}.lightmode .work-card .work-card-image-container{border:2px solid #3b2f2f}.lightmode .work-card .work-card-text{background-color:#f9fafb6b}.lightmode .work-card .work-card-text .work-card-title{color:#f9fafb;text-shadow:2px 2px 0 #128482,2px -2px 0 #128482,-2px 2px 0 #128482,-2px -2px 0 #128482}.lightmode .work-card .work-card-text .work-card-description{color:#3b2f2f}.lightmode .skill-card .skill-card-logo-container *{color:#128482}.lightmode .skill-card .skill-card-text .skill-card-name{color:#6a6a6a}.lightmode .skill-card .skill-card-text .skill-card-level{color:#d0491e}.lightmode .blog-card .blog-card-text{background-color:#f9fafb}.lightmode .blog-card .blog-card-text .blog-card-title{color:#128482}.lightmode .blog-card .blog-card-text .blog-card-subtitle,.lightmode .blog-card .blog-card-text .blog-card-tags *{color:#d0491e}.lightmode .blog-card .blog-card-body,.lightmode .blog-card .blog-card-text .blog-card-date{color:#3b2f2f}.lightmode .card-link{background-color:#128482;border:2px solid #6a6a6a;color:#f9fafb}.lightmode .card-link:hover{background-color:#d0491e}.lightmode .work-item .work-item-columns .work-item-column .work-item-category{color:#d0491e}.lightmode .work-item .work-item-columns .work-item-column .work-item-description{color:#3b2f2f}.lightmode .work-item .work-item-columns .work-item-column .work-item-tags-container *{color:#128482}.lightmode .work-item .work-item-links-container .work-item-link{background-color:#d0491e;color:#f9fafb}.lightmode .work-item .work-item-link.site{background-color:#128482;color:#f9fafb}.lightmode .work-item .work-item-link.site:hover{background-color:#d0491e;color:#128482}.lightmode .blog-item .blog-item-header .blog-item-date{color:#128482}.lightmode .blog-item .blog-item-tags span{color:#d0491e}.lightmode .blog-item .blog-item-text{color:#3b2f2f}.lightmode .text-input-label{color:#d0491e}.lightmode .text-input-field{color:#3b2f2f}.lightmode .submit-button{background-color:#128482;color:#f9fafb}.lightmode .submit-button:hover{background-color:#d0491e}.darkmode{background-color:#171717}.darkmode *{color:#b8b5b2}.darkmode ::-webkit-scrollbar-thumb{background:#f06a3a}.darkmode h1{color:#35b7b2}.darkmode .home-mern-icons *,.darkmode h2{color:#f5f2ee}.darkmode .home-work-examples-header{color:#35b7b2}.darkmode .home-work-example-title{color:#f06a3a}.darkmode .header{border-color:#f5f2ee}.darkmode .header .header-title #header-title-surname{color:#f06a3a}.darkmode .header .header-subtitle{color:#b8b5b2}.darkmode .navbar-narrow,.darkmode .navbar-narrow-links{background-color:#171717}.darkmode .navbar-narrow-border{border:2px solid #f5f2ee}.darkmode .dark-mode-toggle *{color:#f5f2ee}.darkmode .dark-mode-toggle:hover *{color:#35b7b2}.darkmode #home-title-surname{color:#f06a3a}.darkmode .work-grid-selection .work-grid-selection-item{color:#35b7b2}.darkmode .work-grid-selection .work-grid-selection-item:hover{color:#f06a3a}.darkmode .work-grid-selection .work-grid-selection-item.selected{border-bottom:4px solid #f06a3a}.darkmode .skills-container .skill-modal-container .skill-modal{background-color:#171717;border-color:#35b7b2}.darkmode .skills-container .skill-modal-container .skill-modal .skill-modal-logo *{color:#35b7b2}.darkmode .skills-container .skill-modal-container .skill-modal .skill-modal-level{color:#f06a3a}.darkmode .skills-container .skill-modal-container .skill-modal .skill-modal-button{background-color:#35b7b2;color:#171717}.darkmode .skills-container .skill-modal-container .skill-modal .skill-modal-button:hover{background-color:#f06a3a;color:#35b7b2}.darkmode .contact-container .contact-form .message-status,.darkmode .contact-container .contact-links-title,.darkmode .file-input-container .file-input-label{color:#f06a3a}.darkmode .header-link:hover,.darkmode .icon-link :first-child{color:#35b7b2}.darkmode .icon-link:hover :first-child,.darkmode .work-card .work-card-category{color:#f06a3a}.darkmode .work-card .work-card-image-container{border:2px solid #f5f2ee}.darkmode .work-card .work-card-text{background-color:#1717176b}.darkmode .work-card .work-card-text .work-card-title{color:#171717;text-shadow:2px 2px 0 #35b7b2,2px -2px 0 #35b7b2,-2px 2px 0 #35b7b2,-2px -2px 0 #35b7b2}.darkmode .work-card .work-card-text .work-card-description{color:#b8b5b2}.darkmode .skill-card .skill-card-logo-container *{color:#35b7b2}.darkmode .skill-card .skill-card-text .skill-card-name{color:#b8b5b2}.darkmode .skill-card .skill-card-text .skill-card-level{color:#f06a3a}.darkmode .blog-card .blog-card-text{background-color:#171717}.darkmode .blog-card .blog-card-text .blog-card-title{color:#35b7b2}.darkmode .blog-card .blog-card-text .blog-card-subtitle,.darkmode .blog-card .blog-card-text .blog-card-tags *{color:#f06a3a}.darkmode .blog-card .blog-card-body,.darkmode .blog-card .blog-card-text .blog-card-date{color:#f5f2ee}.darkmode .card-link{background-color:#35b7b2;border:2px solid #b8b5b2;color:#f5f2ee}.darkmode .card-link:hover{background-color:#f06a3a}.darkmode .work-item .work-item-columns .work-item-column .work-item-category{color:#f06a3a}.darkmode .work-item .work-item-columns .work-item-column .work-item-description{color:#f5f2ee}.darkmode .work-item .work-item-columns .work-item-column .work-item-tags-container *{color:#35b7b2}.darkmode .work-item .work-item-links-container .work-item-link{background-color:#f06a3a;color:#171717}.darkmode .work-item .work-item-link.site{background-color:#35b7b2;color:#171717}.darkmode .work-item .work-item-link.site:hover{background-color:#f06a3a;color:#35b7b2}.darkmode .blog-item .blog-item-header .blog-item-date{color:#35b7b2}.darkmode .blog-item .blog-item-tags span{color:#f06a3a}.darkmode .blog-item .blog-item-text{color:#f5f2ee}.darkmode .text-input-label{color:#f06a3a}.darkmode .text-input-field{color:#171717}.darkmode .submit-button{background-color:#35b7b2;color:#171717}.darkmode .submit-button:hover{background-color:#f06a3a}.header{border-style:solid;border-width:0 0 2px;display:flex;justify-content:space-between;padding-bottom:3px}.header .header-left{gap:7px}.header .header-left,.header .header-left .header-title-container{align-items:flex-end;display:flex}.header .header-left .header-title-container .header-subtitle{font-size:14px;padding-bottom:5px}.header .header-left .header-icon-links{display:flex;width:70px}.navbar-wide{align-items:flex-end;display:flex}.navbar-narrow{display:none;flex-direction:column;position:absolute;right:2%;top:7px}.navbar-narrow .navbar-narrow-toggle{cursor:pointer;font-size:35px;text-align:right}.navbar-narrow .navbar-narrow-links{display:flex;flex-direction:column;gap:7px;padding:7px;width:100%}.dark-mode-toggle{bottom:7px;cursor:pointer;font-size:35px;position:absolute;right:3%}.dark-mode-toggle *{transition:color .3s ease-in-out}.loader-container{text-align:center}.loader-container .loader-text{color:#d0491e;font-size:21px;font-weight:700;margin-top:-35px}@media only screen and (max-width:767px){.navbar-wide{display:none}.navbar-narrow{display:flex}.header{padding-bottom:0}.header .header-left .header-title-container{flex-direction:column}.header .header-left .header-title-container .header-subtitle{font-size:14px;padding-bottom:none;width:100%}.header .header-left .header-icon-links{display:flex;left:220px;position:absolute;top:14px;width:70px}}.home{display:flex;flex-direction:column;margin-top:7px}.home .home-links-box,.home .home-mern-icons,.home .home-title-box,.home .home-work-examples{margin:0 auto;text-align:center}.home .home-work-examples-container{margin:21px auto;max-width:1200px}.home .home-work-examples-container .home-work-examples{display:flex;flex-wrap:wrap;gap:7px;justify-content:center}.home .home-work-examples-container .home-work-examples .home-work-example .home-work-example-title{font-size:28px;font-weight:700;margin-bottom:7px}.home .home-sigil{margin:14px auto 0;max-width:600px;width:100%}.home .home-sigil .home-mern-icons{display:flex;justify-content:space-between;width:300px}.home .home-sigil .home-mern-icons *{font-size:60px}.home .home-sigil .home-title{font-size:70px;margin-top:-14px;text-align:center}.work .work-grid-selection{display:flex;justify-content:center;margin-bottom:14px;margin-left:50%;max-width:600px;transform:translateX(-50%);width:100%}.work .work-grid-selection .work-grid-selection-item{border-bottom:4px solid #0000;cursor:pointer;font-size:28px;font-weight:700;padding:7px 14px;text-align:center;text-transform:uppercase;transition:color .3s ease;width:100%}.work .work-grid{display:flex;flex-wrap:wrap;gap:7px;justify-content:center}.work-item .work-item-columns{display:flex;flex-wrap:wrap;gap:7px;justify-content:space-around}.work-item .work-item-column{flex:1 1 350px;max-width:700px}.work-item .work-item-column .work-item-image-container{max-width:700px;position:relative}.work-item .work-item-column .work-item-image-container .work-item-image{height:auto;width:100%}.work-item .work-item-column .work-item-image-container .work-image-toggle{display:flex;justify-content:space-between;left:0;margin-top:7px;opacity:0;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:opacity .3s ease;z-index:1000}.work-item .work-item-column .work-item-image-container:hover .work-image-toggle{opacity:1}.work-item .work-item-column .work-item-image-container:hover .work-image-toggle .work-image-toggle-left,.work-item .work-item-column .work-item-image-container:hover .work-image-toggle .work-image-toggle-right{color:#f9fafb;cursor:pointer;font-size:28px;padding:7px}.work-item .work-item-column .work-item-category{font-size:35px;font-weight:700;text-transform:uppercase}.work-item .work-item-column .work-item-tags-container{display:flex;flex-wrap:wrap;gap:7px}.work-item .work-item-column .work-item-description{margin-top:7px;max-height:28vw;overflow:scroll;padding-right:7px;text-align:justify}.work-item .work-item-links-container{display:flex;gap:7px;margin-top:7px}.work-item .work-item-links-container .work-item-link{font-size:28px;padding:7px;text-align:center;text-decoration:none;text-transform:uppercase;transition:background-color .3s ease,color .3s ease;width:100%}.work-item .work-item-links-container .work-item-link:hover{background-color:#35b7b2;color:#f06a3a}.blog-container{justify-content:center}.blog-container,.skills-container{display:flex;flex-wrap:wrap;gap:7px}.skills-container{justify-content:space-around;overflow:hidden}.skills-container .skill-modal-container{align-items:center;background-color:#0000006b;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.skills-container .skill-modal-container .skill-modal{border-style:solid;border-width:2px;max-width:300px;padding:14px;text-align:center}.skills-container .skill-modal-container .skill-modal .skill-modal-logo *{font-size:70px}.skills-container .skill-modal-container .skill-modal .skill-modal-title{font-size:28px;font-weight:700}.skills-container .skill-modal-container .skill-modal .skill-modal-level{font-size:21px;font-weight:700;margin-bottom:7px}.skills-container .skill-modal-container .skill-modal .skill-modal-description{font-size:18px;margin-bottom:14px;min-height:140px}.skills-container .skill-modal-container .skill-modal .skill-modal-button{border:none;cursor:pointer;font-size:21px;margin-top:14px;padding:7px 14px;text-transform:uppercase;transition:background-color .3s ease,color .3s ease;width:100%}.contact-container{display:flex;flex-wrap:wrap;gap:7px;justify-content:center}.contact-container .contact-links-container .contact-links-title{font-size:28px;font-weight:700}.contact-container .contact-links-container .contact-links{display:flex;gap:7px;max-width:300px;min-width:300px}.contact-container .contact-form{min-width:300px;width:60%}.contact-container .contact-form .message-status{font-size:21px;margin-top:7px}.blog-item .blog-item-header{align-items:center;display:flex;flex-direction:column;margin-left:50%;max-width:600px;transform:translateX(-50%);width:100%}.blog-item .blog-item-header .blog-item-date,.blog-item .blog-item-header .blog-item-subtitle{font-size:21px}.blog-item .blog-item-image-container{margin-left:50%;position:relative;transform:translateX(-50%);width:300px}.blog-item .blog-item-image-container .blog-item-image-wrapper .blog-item-image{height:auto;width:100%}.blog-item .blog-item-image-container .blog-item-image-navigation{display:flex;justify-content:space-between;left:0;opacity:0;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:opacity .3s ease-in-out;width:100%;z-index:1000}.blog-item .blog-item-image-container .blog-item-image-navigation .blog-item-image-navigation-left,.blog-item .blog-item-image-container .blog-item-image-navigation .blog-item-image-navigation-right{background-color:#00000080;cursor:pointer;font-size:28px}.blog-item .blog-item-image-container .blog-item-image-navigation *{color:#6a6a6a}.blog-item .blog-item-image-container:hover .blog-item-image-navigation{opacity:1}.blog-item .blog-item-tags{margin-left:50%;text-align:center;transform:translateX(-50%);width:900px}.blog-item .blog-item-tags span{font-size:14px}.blog-item .blog-item-text{margin-left:50%;margin-top:14px;max-width:900px;text-align:justify;transform:translateX(-50%)}.blog-item .blog-item-text h4{font-size:28px;margin:7px 0}.blog-item .blog-item-text p{font-size:18px;margin-bottom:7px}@media only screen and (max-width:767px){.home .home-sigil .home-mern-icons{width:210px}.home .home-sigil .home-mern-icons *{font-size:42px}.home .home-sigil .home-title{font-size:50px}.home-work-examples-container{padding-right:7px}}@font-face{font-family:Plus Jakarta Sans;src:url(/static/media/PlusJakartaSans.87c697b8dc2cbbfe349f.ttf)}@font-face{font-family:Inter;src:url(/static/media/Inter.e05c5f3d1fa6a3893d84.ttf)}.dashboard-forms-container .dashboard-form,.dashboard-forms-container .dashboard-form-toggle{margin-left:50%;max-width:600px;transform:translateX(-50%)}.dashboard-forms-container .dashboard-form-toggle{display:flex;gap:7px;margin-bottom:7px}.dashboard-forms-container .dashboard-form-toggle .dashboard-form-toggle-button{background:none;border:none;cursor:pointer;font-size:21px;width:100%}.dashboard-forms-container .dashboard-form-toggle .dashboard-form-toggle-button.active{border-bottom:2px solid #000}.dashboard-forms-container .dashboard-signout-button{color:#000;cursor:pointer;display:block;font-size:14px;margin:7px auto;padding:7px}
/*# sourceMappingURL=main.85af7b1b.css.map*/