html{font-size:100%}body{margin:0;font-family:arial;box-sizing:border-box}*,*::before,*::after{box-sizing:inherit;scroll-behavior:smooth}a:-moz-any-link{text-decoration:none;color:unset}a:any-link{text-decoration:none;color:unset}.visible{opacity:0;pointer-events:none;margin-bottom:100%}h1,h2,h3,h4{margin-top:0}p{margin-top:0}:root{--blue-color: hsla(222, 76%, 63%, 0.8);--blue: hsl(222, 76%, 63%);--light-grey: #DEDBDB;--dark-grey: #757575;--light: #fff;--grey: #757575}:root{--flex: flex;--grid: grid;--center: center;--minMax: min(100% - 20px, 1200px);--minMax2: min(100% - 120px, 800px)}header{background-image:url(/images/Ultra\ HD.png);background-size:cover;background-repeat:no-repeat;padding-bottom:1.25em}header .header-first-section{display:var(--flex);align-items:var(--center);justify-content:space-between;width:var(--minMax);margin-inline:auto;margin-bottom:2.5rem;padding-block:1.75em;fill:var(--grey);height:2.5em}header .header-first-section>#logo{fill:inherit}header .header-first-section nav>ul{display:var(--flex);gap:0.5em;padding-left:0;margin:0}header .header-first-section nav>ul li{list-style:none;cursor:pointer}header .header-first-section nav>ul li:hover{color:var(--blue-color)}header .header-first-section>#menu-icon{display:none;width:1.25em;fill:inherit;cursor:pointer}header .header-first-section>.menu-list-container{position:fixed;background-color:var(--blue);width:50vmin;top:0;right:0;border-top-left-radius:2.5em;border-bottom-left-radius:2.5em;color:var(--light);padding:1.25em;transform:translateX(100%);transition:.4s}header .header-first-section>.menu-list-container>.button{display:flex;justify-content:right;margin-bottom:14px}header .header-first-section>.menu-list-container>.button>.x-button{background-color:var(--light);color:#000;width:-moz-fit-content;width:fit-content;padding:0.625em 0.9375em;border-radius:1.25em;font-weight:800;cursor:pointer;transition:.4s}header .header-first-section>.menu-list-container>.button>.x-button:hover{transform:scaleX(1.1)}header .header-first-section>.menu-list-container>nav>ul{all:revert;padding:0;margin:0;gap:0.875em;display:var(--flex);flex-direction:column}header .header-first-section>.menu-list-container>nav>ul>a>li{all:revert;cursor:pointer;border:0.0625em solid #fff;list-style:none;text-align:center;padding:0.625em;border-radius:1.125em;transition:.4s;font-size:1.125rem}header .header-first-section>.menu-list-container>nav>ul>a>li:hover{transform:scaleX(1.1)}@media(max-width: 699.98px){header .header-first-section nav>ul{display:none}header .header-first-section>#menu-icon{display:block}}header .header-second-section{display:var(--grid);grid-template-columns:4fr 3fr;gap:5em;width:var(--minMax);margin-inline:auto}header .header-second-section>img{-o-object-fit:cover;object-fit:cover;height:uem(460);border-radius:1.25em;max-width:100%}header .info-section{display:var(--flex);flex-direction:column;justify-content:center;width:min(100%,11.875em)}header .info-section>h2{font-weight:600;font-size:1.875rem}header .info-section>p{color:var(--grey)}header .info-section>h3{color:var(--blue-color)}header .info-section>#js-dialog{position:fixed;display:flex;inset:0;height:100%;width:100%;pointer-events:none;background:rgba(0,0,0,0);border:none;align-items:center;justify-content:center;color:var(--light)}header .info-section>#js-dialog>p{position:absolute;top:0;right:0;left:0;text-align:center;background-color:var(--blue)}header .info-section>#js-dialog>.form-container{background-color:var(--light);width:100%;background-color:var(--blue);padding:1.75em;border-radius:3.125em;width:min(100%,25em);transform:translateY(-500px);opacity:0}header .info-section>#js-dialog>.form-container>div>div>input{width:100%;border:none;border-bottom:0.0625em solid var(--light-grey);outline:none;background:rgba(0,0,0,0);caret-color:var(--light);padding-block:0.75em;margin-bottom:0.75em;color:inherit}header .info-section>#js-dialog>.form-container>div>div>input::-moz-placeholder{color:var(--light)}header .info-section>#js-dialog>.form-container>div>div>input::placeholder{color:var(--light)}header #dialog-button{all:unset;background-color:var(--light);color:#000;width:100%;text-align:center;padding-block:0.5em;border-radius:3.125em;cursor:pointer;transition:.4s}header #js-successful{background-color:var(--blue);color:var(--light);border:none;outline:none;display:var(--flex);flex-direction:column;gap:0.5em;opacity:0;visibility:hidden;pointer-events:none;align-items:center;position:fixed;inset:0;padding:1.25em;border-radius:2.5em}header #js-successful div{background-color:var(--light);width:-moz-fit-content;width:fit-content;padding:0.625em;border-radius:50%;display:var(--flex);align-items:center}header #js-successful svg{fill:var(--light);width:3.75em}header #dialog-button:hover{transform:scale(1.04)}header #dialog-button:active{transform:scale(0.9)}header .hire-me-button{display:var(--flex);background-color:var(--blue-color);border:none;color:var(--light);align-items:var(--center);gap:0.75em;padding:0.75em 1.625em;border-radius:3.125em;justify-content:center;transition:.4s;cursor:pointer;font-size:0.875rem}header .hire-me-button:hover{transform:scale(1.04)}header .hire-me-button:active{transform:scale(0.9)}header .hire-me-button>svg{width:1.75em;fill:var(--light);transition:.8s}header .hire-me-button:hover #arrow-icon{transform:rotate(360deg)}header .icon-containers{margin-top:0.9375em;display:var(--flex);align-items:center;gap:0.625em}header .icon-containers .icon-container{background-color:var(--blue-color);padding:0.625em;border-radius:3.125em;display:var(--flex);place-content:center}header .icon-containers .icon-container>.social{height:1.25em;width:1.25em;fill:var(--light)}@media(max-width: 699.98px){header .header-second-section{grid-template-columns:1fr;gap:20px}header .info-section{width:min(100%,240px)}}header .header-third-section{color:var(--light)}header .header-third-section>h3{text-align:center;color:initial;margin-block:3.75rem;font-size:1.5rem;font-weight:400}header .header-third-section>.info-containers{display:var(--grid);grid-template-columns:repeat(2, 1fr);width:var(--minMax);margin-inline:auto;gap:0.625em;text-align:center}header .header-third-section>.info-containers>.info-container{background-color:var(--blue-color);width:100%;padding:0.75em;border-radius:1.5em}header .header-third-section>.info-containers>.info-container svg{fill:var(--light);width:1.75em;margin-bottom:0.25rem}header .header-third-section>.info-containers>.info-container h4{margin-bottom:0.625rem}header .header-third-section>.info-containers>.info-container p{font-size:0.875rem;line-height:1.4;margin-bottom:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}@media(min-width: 700px){header .header-third-section>.info-containers{grid-template-columns:repeat(4, 1fr)}}main .first-section{width:var(--minMax2);margin-inline:auto}main .project-grid{display:grid;grid-template-columns:1fr;gap:0.875em;margin-bottom:0.75rem}main .project-grid>a>.container{background-color:var(--blue-color);border-radius:1.25em;overflow:hidden;color:var(--light)}main .project-grid>a>.container>img{max-width:100%;margin-bottom:0.75rem}main .project-grid>a>.container>p:nth-child(2){color:var(--light-grey);font-size:0.75rem;letter-spacing:0.125em}main .project-grid>a>.container>p{margin-inline:0.875rem}main .first-section>span{color:var(--grey);font-size:0.75rem;display:var(--flex);justify-content:right;cursor:pointer}@media(min-width: 700px){main .project-grid{grid-template-columns:repeat(3, 1fr)}}main .second-section{display:var(--grid);grid-template-columns:repeat(2, 2fr);width:var(--minMax2);margin-inline:auto;margin-block:3.75rem;gap:10px}@media(max-width: 699.98px){main .second-section{grid-template-columns:1fr}}main .second-section>.form-container{display:var(--flex);flex-direction:column;justify-content:center}main .form-input>label{font-size:0.875rem}main .form-input>input{border:none;border-bottom:1px solid var(--light-grey);padding-block:0.625em;margin-bottom:0.75rem;outline:none;width:100%}main .form-input>button{margin-top:0.875rem;background-color:var(--blue-color);width:100%;padding-block:1em;border:none;color:var(--light);border-radius:3.125em;cursor:pointer;transition:.4s}main .form-input>button:hover{transform:scale(1.04)}main .form-input>button:active{transform:scale(0.9)}main .second-section>.image-container{display:var(--flex);align-items:center}main .form-image-concept{max-width:100%;max-height:25em}main>h3{text-align:center;font-weight:400;font-size:1.5rem;margin-block:3.75rem}main>#arrow-container{position:fixed;background-color:var(--blue-color);right:8px;bottom:8px;padding:10px;border-radius:4px;cursor:pointer;transition:.4s}main>#arrow-container>svg{fill:var(--light);width:20px;transform:rotate(-90deg)}.footer-cover{background-color:#000;padding-block:1.25em}footer{width:var(--minMax);margin-inline:auto}footer .logo-container{text-align:center;margin-bottom:1.25em}footer .logo-container>svg{fill:var(--light);width:1.75em}footer .social-container{display:var(--flex);justify-content:center;margin-bottom:1.25rem;gap:0.5em}footer .social-container>a>.container{background-color:var(--dark-grey);padding:0.625em 0.75em;border-radius:3.125em;display:var(--flex);place-content:center;cursor:pointer}footer .social-container>a>.container>svg{width:1.5em;fill:var(--light)}footer>hr{border:0.0625em solid var(--dark-grey);margin:0;margin-bottom:20px}footer>span{color:var(--light);display:block;text-align:center}/*# sourceMappingURL=style.css.map */