html{scroll-behavior:smooth;overflow-x:hidden}@media only screen and (max-width: 576px){html{font-size:14px}}@media only screen and (max-width: 320px){html{font-size:13px}}body{font-size:16px;font-family:"Roboto",sans-serif;font-optical-sizing:auto;font-style:normal;line-height:1.4;background-color:var(--bs-body-bg);color:var(--bs-body-color);overflow-x:hidden}.f-bebas-neue,.section-title{font-family:"Bebas Neue",sans-serif;text-transform:uppercase;font-size:3rem;line-height:1}a{color:inherit;text-decoration:none}a:hover{color:var(--godfryd-primary)}.h-100vh{min-height:100vh}.w-fit-content{width:fit-content}.fancybox-stage{z-index:10000}section{display:flex;align-items:center}header{position:fixed;width:100%;top:0;left:0;z-index:1000;box-shadow:0 0 .5em var(--godfryd-graydark);background-color:var(--header-bg);min-height:78px}.grecaptcha-badge{display:none}.changeThemeBtn{min-width:40px;text-align:center}.border-title{border-color:var(--border-title-color)}section:nth-of-type(odd){background-color:var(--odd-section-bg)}section:nth-of-type(even){background-color:var(--even-section-bg)}.section-title{position:relative;margin-bottom:6.5rem;text-align:center;font-size:4rem}.section-title:after{position:absolute;display:block;content:"";width:160px;height:2px;background-color:var(--godfryd-primary);bottom:-40px;left:50%;transform:translateX(-50%)}.scroll-down{display:flex;align-items:center;cursor:pointer;bottom:30px;left:50%;transform:translateX(-50%);justify-content:center;width:38px;height:38px;background-color:var(--godfryd-primary);color:var(--godfryd-white);font-size:22px;overflow:hidden}.scroll-down:hover{color:var(--godfryd-white)}.scroll-down i{animation:arrow-animation 6s ease-in-out infinite;animation-delay:1s}@keyframes arrow-animation{0%{transform:translateY(0);opacity:1}30%{transform:translateY(38px);opacity:0}35%{transform:translateY(-38px);opacity:0}65%{transform:translateY(0);opacity:1}100%{transform:translateY(0);opacity:1}}#pageLoader{position:fixed;display:flex;align-items:center;justify-content:center;padding:2rem;z-index:5000;background-color:var(--bs-body-bg);color:var(--bs-heading-color);top:0;left:0;right:0;bottom:0;opacity:1;transition:opacity 1s ease-out}#pageLoader.fade-out{opacity:0}#pageLoader .loading{font-size:6rem;font-family:"Bebas Neue",sans-serif;font-weight:800;text-align:center}@media screen and (max-width: 575px){#pageLoader .loading{font-size:4rem}}#pageLoader .loading span{display:inline-block;margin:0 -0.05em}#pageLoader .loading-anim span{animation:loading 1.4s infinite alternate}#pageLoader .loading-anim span:nth-child(1){animation-delay:0s}#pageLoader .loading-anim span:nth-child(2){animation-delay:0.1s}#pageLoader .loading-anim span:nth-child(3){animation-delay:0.2s}#pageLoader .loading-anim span:nth-child(4){animation-delay:0.3s}#pageLoader .loading-anim span:nth-child(5){animation-delay:0.4s}#pageLoader .loading-anim span:nth-child(6){animation-delay:0.5s}#pageLoader .loading-anim span:nth-child(7){animation-delay:0.6s}@keyframes loading{0%{opacity:1}100%{opacity:0}}.avatar{width:fit-content}.avatar div{position:absolute;width:100%;height:100%;top:12px;right:12px;border:3px solid var(--godfryd-primary)}.navbar{font-weight:500;--bs-nav-link-font-size: 1.3rem;--bs-nav-link-font-weight: 500}.navbar-nav{--bs-nav-link-color: var(--godfryd-gray);--bs-nav-link-hover-color: var(--bs-body-color)}.navbar .nav-link{position:relative}.navbar .nav-link:before{position:absolute;display:block;content:"";bottom:4px;left:5px;right:100%;height:2px;background-color:var(--godfryd-primary);transition:.4s ease-out}.navbar .nav-link.changeThemeBtn:before{display:none}.navbar .nav-link:focus{color:var(--bs-nav-link-color)}.navbar .nav-link:hover,.navbar .nav-link.active{color:var(--bs-nav-link-hover-color)}.navbar .nav-link:hover:before,.navbar .nav-link.active:before{right:5px}#mobileNav{position:fixed;width:100vw;top:0;z-index:-1;right:0;height:100%;transition:background-color .3s ease;background-color:rgba(0,0,0,0)}#mobileNav .ul-wrap{position:fixed;width:85%;background-color:var(--header-bg);right:-90%;transition:right .5s ease}#mobileNav.active{background-color:rgba(0,0,0,.6);z-index:1000}#mobileNav.active .ul-wrap{right:0}.hamburger{font:inherit;display:inline-block;overflow:visible;cursor:pointer;transition:opacity .15s linear,filter .15s linear;text-transform:none;color:inherit;background-color:rgba(0,0,0,0)}.hamburger.active:hover,.hamburger:hover{opacity:.7}.hamburger.active .hamburger-inner,.hamburger.active .hamburger-inner::after,.hamburger.active .hamburger-inner::before{background-color:var(--hamburger-bg)}.hamburger .hamburger-box{position:relative;display:flex;width:40px;height:33px;top:-2px}.hamburger .hamburger-inner{position:absolute;top:50%;display:block;width:40px;height:4px;margin-top:-2px;background-color:var(--hamburger-bg);transition:transform .15s ease}.hamburger .hamburger-inner::before,.hamburger .hamburger-inner::after{content:"";position:absolute;width:40px;height:4px;background-color:var(--hamburger-bg)}.hamburger .hamburger-inner::before{top:-12px}.hamburger .hamburger-inner::after{bottom:-12px}.hamburger.hamburger-squeeze .hamburger-inner{transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);transition-duration:75ms}.hamburger.hamburger-squeeze .hamburger-inner::before{transition:top 75ms ease .12s,opacity 75ms ease}.hamburger.hamburger-squeeze .hamburger-inner::after{transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger.hamburger-squeeze.active .hamburger-inner{transform:rotate(45deg);transition-delay:.12s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.hamburger.hamburger-squeeze.active .hamburger-inner::before{top:0;opacity:0;transition:top 75ms ease,opacity 75ms ease .12s}.hamburger.hamburger-squeeze.active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom 75ms ease,transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) .12s}.skills-list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px}@media screen and (max-width: 1399px){.skills-list{grid-template-columns:1fr 1fr}}@media screen and (max-width: 991px){.skills-list{grid-template-columns:1fr 1fr 1fr}}@media screen and (max-width: 470px){.skills-list{grid-template-columns:1fr 1fr}}@media screen and (max-width: 340px){.skills-list{grid-template-columns:1fr}}.skills-list>div{background-color:var(--skill-bg);color:var(--skill-color);padding:1rem;text-align:center;cursor:pointer;transition:transform .3s ease;overflow:hidden}@media screen and (max-width: 340px){.skills-list>div{width:152px;margin:0 auto}}.skills-list>div .content{transition:.3s ease;transform:translateY(20px)}.skills-list>div:hover .content,.skills-list>div:focus .content,.skills-list>div:focus-within .content{transform:translateY(0)}.skills-list>div:hover .rate,.skills-list>div:focus .rate,.skills-list>div:focus-within .rate{opacity:1;transform:translateY(0)}.skills-list>div:hover i.fa-html5{color:#e34f26 !important}.skills-list>div:hover i.fa-css3-alt{color:#1572b6 !important}.skills-list>div:hover i.fa-js{color:#f7df1e !important}.skills-list>div:hover i.fa-sass{color:#c69 !important}.skills-list>div:hover i.fa-bootstrap{color:#7952b3 !important}.skills-list>div:hover i.fa-php{color:#777bb4 !important}.skills-list>div:hover i.fa-python{color:#306998 !important}.skills-list>div:hover i.fa-java{color:#5382a1 !important}.skills-list>div:hover i.fa-laravel{color:#ff2d20 !important}.skills-list>div:hover i.fa-git-alt{color:#f05032 !important}.skills-list>div:hover i.fa-wordpress{color:#21759b !important}.skills-list>div:hover i.fa-docker{color:#0db7ed !important}.skills-list>div:hover i.fa-leaf{color:#47a248 !important}.skills-list>div:hover img[alt=CodeIgniter],.skills-list>div:hover svg#CodeIgniter{fill:#dd4814 !important}.skills-list>div:hover img[alt=MySQL],.skills-list>div:hover svg#MySQL{fill:#00758f !important}.skills-list>div:hover img[alt=react],.skills-list>div:hover svg#react{fill:#61dbfb !important}.skills-list>div:hover img[alt=jquery],.skills-list>div:hover svg#jquery{fill:#0769ad !important}.skills-list>div:hover img[alt=tailwind],.skills-list>div:hover svg#tailwind{fill:#06b6d4 !important}.skills-list>div:hover img[alt=PostgreSQL],.skills-list>div:hover svg#PostgreSQL{fill:#0064a5 !important}.skills-list>div:hover img[alt=postman],.skills-list>div:hover svg#postman{fill:#ef5b25 !important}.skills-list>div:hover img[alt=openapi],.skills-list>div:hover svg#openapi{fill:#47a248 !important}.skills-list>div img,.skills-list>div svg{width:100%;max-height:70px;margin-bottom:.5rem;transition:fill .3s ease}@media screen and (max-width: 768px){.skills-list>div img,.skills-list>div svg{max-height:50px}}.skills-list>div p{font-size:1.5rem;font-weight:bold;margin-bottom:0}.skills-list>div .rate{color:var(--godfryd-gray);font-weight:400;opacity:0;transform:translateY(30px);transition:.3s ease}.skills-list>div i{transition:color .3s ease;font-size:4rem;margin-bottom:.5rem}@media screen and (max-width: 768px){.skills-list>div i{font-size:3rem}}.skills-list>div p{margin-top:10px;font-size:1rem}.timeline{width:fit-content}@media screen and (max-width: 991px){.timeline{width:100%}}.timeline>div{margin-bottom:3rem}.timeline-dot{position:absolute;top:0;left:-9px;color:var(--godfryd-primary)}.timeline h3{line-height:1.3}.form-wrapper{--bs-border-color: var(--input-color);--bs-body-bg: var(--input-bg);--bs-border-radius: 0;-webkit-box-shadow:0 4px 4px 0 rgba(0,0,0,.25);-moz-box-shadow:0 4px 4px 0 rgba(0,0,0,.25);box-shadow:0 4px 4px 0 rgba(0,0,0,.25);background-color:var(--contact-bg)}.form-wrapper label{font-size:14px}.form-wrapper .form-control:focus{box-shadow:0 0 0 .1rem rgba(118,118,118,.25);border-color:var(--godfryd-graydark)}.form-wrapper .form-control::placeholder{color:var(--placeholder-color)}.form-wrapper .form-control:-ms-input-placeholder{color:var(--placeholder-color)}.form-wrapper .form-control::-ms-input-placeholder{color:var(--placeholder-color)}.project-list{display:grid;gap:54px;grid-template-columns:1fr 1fr 1fr}@media screen and (max-width: 991px){.project-list{grid-template-columns:1fr 1fr}}@media screen and (max-width: 575px){.project-list{grid-template-columns:1fr}}.project-tags span{background-color:var(--godfryd-primary);padding:.4rem .5rem}.project-gallery a{display:block;height:90px}.project-gallery>a{height:300px}.project-gallery img{object-fit:cover;height:100%}.project-box{-webkit-box-shadow:0px 4px 9px 0px rgba(0,0,0,.41);-moz-box-shadow:0px 4px 9px 0px rgba(0,0,0,.41);box-shadow:0px 4px 9px 0px rgba(0,0,0,.41);cursor:pointer;max-height:306px}.project-box img{object-fit:cover}.project-box:hover img,.project-box:focus img,.project-box:focus-within img{transform:scale(1.025)}.project-box:hover .overlay,.project-box:focus .overlay,.project-box:focus-within .overlay{opacity:100%}.project-box img{transition:transform .3s ease}.project-box .overlay{background-color:rgba(10,36,57,.76);backdrop-filter:blur(6.8px);opacity:0;transition:opacity .3s ease}footer h6{font-size:1.5rem;font-weight:bold;margin-bottom:.4rem}footer ul{position:relative;list-style-type:none;margin:0;padding-left:1rem}footer ul li i{margin-right:5px}footer ul li:last-of-type a{margin-right:20px}footer ul a:hover{color:var(--godfryd-primary)}footer ul:before{display:block;content:"";position:absolute;width:2px;left:0;top:0;bottom:0;background-color:var(--godfryd-primary)}.scroll-up{display:none;right:4rem;bottom:4rem;width:40px;height:40px;background-color:var(--godfryd-primary);color:var(--godfryd-white);transition:.3s ease}.scroll-up.show{display:flex}.scroll-up:hover{background-color:var(--godfryd-black);color:var(--godfryd-white)}@media screen and (max-width: 768px){.scroll-up{right:2rem;bottom:2rem}}/*# sourceMappingURL=style.css.map */
