/*!
Theme Name: 	Bootsrap on WordPress
Theme URI: 		https://bootstraponwordpress.com/
Description: 	Bootstrap 5 on Wordpress
Version: 		4.3.4
Author: 		Babobski
Author URI: 	https://www.babobski.nl
Tags: 			babobski, bootstrap, basic theme
*/:root{--bs-primary: #06cf71}[data-bs-theme=dark]{--bs-primary: #F6AA1C}@font-face{font-family:"Jost";font-weight:400;src:url("fonts/Jost-400-Book.woff2") format("woff2");font-display:swap}@font-face{font-family:"Jost";font-weight:700;src:url("fonts/Jost-700-Bold.woff2") format("woff2");font-display:swap}@font-face{font-family:"Jost";font-weight:900;src:url("fonts/Jost-900-Black.woff2") format("woff2");font-display:swap}@keyframes implode{0%{transform:scale(1.3)}50%{transform:scale(0.5)}100%{transform:scale(0);opacity:0}}@keyframes scrolldown{0%{background-position:0 -75px}75%{background-position:0 0}100%{background-position:0 75px}}@keyframes effectIn{0%{transform:scale(1)}65%{transform:scale(1.03)}100%{transform:scale(1)}}html,body{font-family:"Jost",Verdana,Geneva,Tahoma,sans-serif;line-height:1.7}.navbar-brand{font-weight:900;letter-spacing:2px}.btn-primary{background-color:var(--bs-primary);border-color:var(--bs-primary);color:var(--bs-black);font-weight:400}.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background-color:color-mix(in srgb,var(--bs-primary),#000 7%) !important;border-color:color-mix(in srgb,var(--bs-primary),#000 7%) !important;color:var(--bs-black)}.btn,.btn-close{--bs-btn-border-radius: 0px}.btn:focus,.btn-close:focus{box-shadow:none}.email{min-height:1em}.container,.container-fluid,.container-lg{--bs-gutter-x: 3rem}.navbar-toggler{border:none;padding-left:0}.navbar-toggler:active,.navbar-toggler:focus{box-shadow:none}#magicPointer{background-color:var(--bs-emphasis-color) !important;z-index:1080}#magicPointer.cursor-square{height:22px;width:22px;opacity:.5}#magicMouseCursor{border-width:4px !important;border-color:var(--bs-primary) !important}#magicMouseCursor.cursor-square{border-radius:0}#magicMouseCursor.is-black{border-color:#111 !important;border-width:2px !important}[data-bs-theme=dark] #magicMouseCursor.is-black{border-color:#fff !important}#magicMouseCursor.is-rounded{border-radius:50% !important}#magicMouseCursor.is-rounded-edge{border-radius:50% !important}#magicMouseCursor.no-hover{pointer-events:none}#magicMouseCursor.bdb{border-width:0 0 2px 0 !important}[data-bs-theme=dark] #magicMouseCursor.bdb{border-width:0 0 2px 0 !important}.effect-in{animation:effectIn 500ms linear;animation-iteration-count:1;opacity:1}.effect-none{opacity:1;animation:none}.block{opacity:0;transition:500ms}.block.effect-in{opacity:1}#top_nav .nav-link{opacity:.8;--bs-navbar-nav-link-padding-x: 1rem;border-bottom:2px solid rgba(0,0,0,0)}#top_nav .nav-link.active{border-bottom:2px solid var(--bs-primary)}@media screen and (max-width: 992px){#top_nav .nav-link{border-bottom:none}#top_nav .nav-link.active{border-bottom:none;border-left:2px solid var(--bs-primary);padding-left:1rem}}.dropdown-menu{--bs-dropdown-link-active-bg: var(--bs-primary);--bs-dropdown-link-active-color: var(--bs-black)}.navbar{transition:background 300ms ease;background-color:rgba(0,0,0,0)}.navbar .indicator{position:absolute;left:0;top:0;height:2px;background-color:var(--bs-primary);width:0}.navbar.has-bg::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;backdrop-filter:blur(11px)}[data-bs-theme=dark] .navbar.has-bg::before{background-color:color-mix(in srgb,var(--bs-black) 30%, transparent)}@media screen and (max-width: 992px){#primaryNav{background-color:color-mix(in srgb,var(--bs-white) 40%, transparent);backdrop-filter:blur(11px);border-right:0;min-height:100vh}#primaryNav .nav-link{font-size:18px}[data-bs-theme=dark] #primaryNav{background-color:color-mix(in srgb,var(--bs-black) 30%, transparent) !important}}.offcanvas-backdrop{background-color:var(--bs-white)}[data-bs-theme=dark] .offcanvas-backdrop{background-color:var(--bs-black)}img{max-width:100%;height:auto !important}.op-8{opacity:.8}.op{opacity:1}.theme-switch{width:61px;position:relative}.theme-switch .switch{width:100%;border-radius:30px}.theme-switch .switch .inner{width:30px;height:30px;border-radius:50%;background-color:var(--bs-secondary-bg);margin-left:0;transition:margin-left 300ms ease;border:1px solid var(--bs-secondary-bg)}.theme-switch .switch.is-dark .inner{margin-left:calc(100% - 30px)}.theme-switch .switch.is-dark+.icon-row [data-bs-theme-value=dark]{color:var(--bs-primary)}.theme-switch .switch.is-light .inner{border-color:color-mix(in srgb,var(--bs-secondary-bg),#000 11%)}.theme-switch .switch.is-light+.icon-row [data-bs-theme-value=light]{color:var(--bs-primary)}.theme-switch .icon-row{position:absolute;top:0;left:8px;right:8px;display:flex;justify-content:space-between}#pop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--bs-body-bg);opacity:0;transition:opacity 500ms ease;z-index:-1;padding:4rem 2rem;display:flex;justify-content:center;align-items:center}#pop.is-open{z-index:1080;opacity:1}#pop .btn-close{position:absolute;right:22px;top:22px;z-index:3}#pop .pop-inner{width:100%;scroll-behavior:smooth;overscroll-behavior:contain;max-width:970px;margin:0 auto;overflow:auto;max-height:100%}#intro{min-height:100vh;display:flex;justify-content:start;align-items:center;position:relative;z-index:2}@media screen and (max-width: 1200px){#intro{flex-direction:column;padding-top:5.7rem}}#intro .me{position:absolute;bottom:0;right:0;max-height:100vh;overflow:hidden;z-index:-1;background-color:#fff}[data-bs-theme=dark] #intro .me{background-color:var(--bs-body-bg)}#intro .me img{max-height:93vh;max-width:100%;height:auto;width:auto;opacity:.8;mix-blend-mode:luminosity}@media screen and (max-width: 1200px){#intro .me img{margin-left:50vw;opacity:.7}}#intro::after{content:"";position:absolute;bottom:0;left:0;right:0;top:0;z-index:0;pointer-events:none;background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.11) 100%)}[data-bs-theme=dark] #intro::after{background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.11) 100%)}.scroll-indicator{width:10px;position:absolute;bottom:30px;right:50%;z-index:100;width:1px;height:75px;position:absolute;overflow:hidden;background:linear-gradient(to bottom, var(--bs-emphasis-color) 50%, rgba(255, 255, 255, 0) 50%);background-position:0 -60px;background-size:100% 200%;animation:scrolldown 2.2s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;transform:translateX(-50%);will-change:transform}@media screen and (max-width: 1440px){.scroll-indicator{right:44%}}@media screen and (max-width: 1200px){.scroll-indicator{right:50%}}.fake-social{transform:scale(1);opacity:1}.fake-social.is-implode{animation:implode 1s forwards}.fake-social svg{pointer-events:none}.contact-bar{position:absolute;bottom:30px;left:0;right:0}@media screen and (max-width: 1200px){.contact-bar{position:relative;bottom:0;margin-top:30px;width:100%}}.contact-block{padding:.3rem 2.2rem;border-left:1px solid var(--bs-dark);display:inline-block;font-size:18px}.contact-block strong{display:block;font-size:20px}.contact-block a{text-decoration:none;color:var(--bs-emphasis-color)}@media screen and (max-width: 1200px){.contact-block{margin-bottom:20px}.contact-block:last-child{margin-bottom:0}}@media screen and (min-width: 1199.98px){.contact-block:first-of-type{border-left:0;padding-left:0}}[data-bs-theme=dark] .contact-block{border-left-color:var(--bs-light)}.follow-me{position:absolute;top:0;left:0;bottom:0;display:flex}.follow-me .follow-text{transform:rotate(90deg) translateX(-50%);transform-origin:0;position:absolute;white-space:nowrap;padding-right:100px;padding-bottom:50px;top:31%}@media screen and (max-width: 1200px){.follow-me .follow-text{top:710px}}.follow-me .follow-text::after{content:"";position:absolute;right:0;bottom:80%;height:1px;width:80px;background-color:var(--bs-emphasis-color)}.follow-me .follow-icons{position:absolute;transform:rotate(-90deg);transform-origin:bottom center;bottom:61px;width:47px;left:calc(120% + 173px);display:flex;flex-direction:column;align-items:center}.follow-me .follow-icons svg{max-width:18px;max-height:18px;color:var(--bs-emphasis-color)}.follow-me .follow-icons svg.x{max-width:15px}.follow-me .follow-icons a{display:block;margin-bottom:7px;width:30px;height:30px;text-align:center}.intro-txt{font-size:31px;letter-spacing:1px;line-height:1.3}.intro-txt h1{font-size:44px;font-weight:900;will-change:transform}@media screen and (max-width: 1200px){.intro-txt{font-size:28px}.intro-txt h1{font-size:33px}}#profile{min-height:100vh;display:flex;justify-content:start;padding-top:7rem;align-items:center}#profile .photo-wrap{padding-bottom:130%;position:relative}#profile .photo-wrap img{position:absolute;top:0;left:0;right:0;bottom:0;width:100% !important;height:100% !important;object-fit:cover;object-position:center}@media screen and (max-width: 1200px){#profile .photo-wrap{border-radius:50%;overflow:hidden;padding-bottom:100%}}#profile .text-wrap{max-height:12.2rem;overflow:hidden;border-bottom:1px solid var(--bs-emphasis-color);position:relative}#profile .text-wrap::after{content:"";position:absolute;bottom:0;left:0;right:0;height:70px;background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.65) 100%)}[data-bs-theme=dark] #profile .text-wrap::after{background:linear-gradient(to bottom, rgba(33, 37, 41, 0) 0%, rgba(33, 37, 41, 0.65) 100%)}#profile .text-wrap+.btn{border-color:var(--bs-emphasis-color);color:var(--bs-emphasis-color);background-color:var(--bs-body-bg);margin-top:-20px;position:relative}#profile h2{font-weight:700}.personal-info{color:var(--bs-emphasis-color)}.personal-info strong{margin-right:10px}.personal-info a{text-decoration:none;color:var(--bs-emphasis-color)}#experience{min-height:100vh;display:flex;justify-content:start;padding-top:7rem;padding-bottom:7rem;align-items:center}#experience h2{font-weight:bold}#experience h3{font-size:1.5rem}#experience .period{font-size:13px}#experience .vstack>div{background-color:var(--bs-secondary-bg);border-left:2px solid var(--bs-primary);border-bottom:2px solid var(--bs-body-bg);position:relative}#experience .vstack>div::before{content:"";position:absolute;top:44px;left:10px;width:0;height:0;border-top:5px solid rgba(0,0,0,0);border-bottom:5px solid rgba(0,0,0,0);border-left:5px solid var(--bs-primary)}#experience .vstack>div::after{content:"";position:absolute;top:44px;left:0;width:10px;height:10px;background-color:var(--bs-primary)}#experience .vstack>div h3{font-size:1.17rem;font-weight:700}#skills{min-height:100vh;display:flex;justify-content:start;padding-top:7rem;padding-bottom:7rem;align-items:center}#skills h2{font-weight:700}#skills .item{padding:20px 0}#skills .item h3{font-size:18px}#skills .item h3.lift{display:flex}#skills .item h3.lift::after{content:attr(data-percentage);display:inline-block;margin-left:auto;font-size:smaller;opacity:.8}.skill-level{background-color:var(--bs-secondary-bg);display:flex;transform-style:preserve-3d}.skill-level>div{display:inline-block;min-height:.625rem;background-color:var(--bs-primary);width:100%;transition:all 500ms ease}@media screen and (min-width: 1199.98px){.skill-level>div{transform:translateZ(11px);transition:none}}.skill-level>div.google-web-vitals{display:flex;transform-style:preserve-3d}.skill-level>div.google-web-vitals>span{flex:1 0 auto;background-color:#3aab58}@media screen and (min-width: 1199.98px){.skill-level>div.google-web-vitals>span{transform:translateZ(0.625rem)}}.skill-level>div.google-web-vitals>span:first-child{background-color:#eb493b}@media screen and (min-width: 1199.98px){.skill-level>div.google-web-vitals>span:first-child{transform:translateZ(1.125rem)}}.skill-level>div.google-web-vitals>span:nth-child(2){background-color:#fbbe0d;max-width:17%}@media screen and (min-width: 1199.98px){.skill-level>div.google-web-vitals>span:nth-child(2){transform:translateZ(0.875rem)}}.skill-level>div.google-web-vitals>span:last-child{background-color:#4889f4}@media screen and (min-width: 1199.98px){.skill-level>div.google-web-vitals>span:last-child{transform:translateZ(0.375rem)}}#portfolio{min-height:100vh;display:flex;justify-content:start;padding-top:7rem;padding-bottom:7rem;align-items:center}#portfolio h2{font-weight:bold}#portfolio h3{font-size:22px}#portfolio .tags{opacity:.8}#portfolio .tags .tag+.tag::before{content:" / ";opacity:.8}#portfolio .item{margin-bottom:1.5rem}#portfolio .item a{color:var(--bs-primary)}#portfolio .item .content{padding-left:20px;position:relative}#portfolio .item .content::before{content:"";position:absolute;left:0px;height:200%;bottom:0;width:2px;background-color:var(--bs-primary)}#portfolio .img-wrap{padding-bottom:51%;position:relative;margin-bottom:.75rem}#portfolio .img-wrap img{position:absolute;top:0;right:0;left:0;bottom:0;width:100% !important;height:100% !important;object-fit:cover;object-position:center}#plugins{min-height:100vh;display:flex;justify-content:start;padding-top:7rem;padding-bottom:7rem;align-items:center}#plugins .tags{opacity:.8}#plugins .tags .tag+.tag::before{content:" / ";opacity:.8}#plugins .block>div .item{position:relative;padding-left:20px}#plugins .block>div .item::before{content:"";position:absolute;left:0px;bottom:-13px;height:100%;width:2px;background-color:var(--bs-primary)}#plugins .block>div .item::after{content:"";position:absolute;top:13px;left:0px;height:2px;width:11px;background-color:var(--bs-primary)}@media screen and (max-width: 1200px){#plugins .block>div:last-of-type .item{border-bottom:none}}#plugins .block>div .icons{display:flex;width:100%;margin-top:1rem}#plugins .block>div .icons a{color:var(--bs-emphasis-color);margin-right:3px;width:30px;height:30px;text-align:center}#plugins .block>div .icons a svg{width:18px;height:18px}#plugins h2{font-weight:bold}#plugins h3{font-size:22px}#contact{min-height:100vh;display:flex;justify-content:start;padding-top:7rem;padding-bottom:7rem;align-items:center}.contact-card{display:block;width:100%;padding-bottom:100%;perspective:1000px;position:relative;margin-bottom:2.5rem}@media screen and (max-width: 992px){.contact-card{padding-bottom:0}}.contact-card .nav-link{color:var(--bs-emphasis-color);opacity:.8;display:flex;width:100%;justify-content:start;align-items:center;padding-left:0}.contact-card .nav-link svg{margin-right:7px}.contact-card .inner{transform-style:preserve-3d;position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;transition:transform .8s}@media screen and (max-width: 1200px){.contact-card .inner{transition:none;position:relative}}.contact-card .front,.contact-card .back{background-color:var(--bs-secondary-bg);backface-visibility:hidden;top:0;left:0;right:0;bottom:0;position:absolute;width:100%;height:100%}@media screen and (max-width: 1200px){.contact-card .front,.contact-card .back{position:relative;display:block}}.contact-card .back{transform:rotateY(180deg);background-color:var(--bs-secondary-bg);padding:1.5rem;display:flex;justify-content:center;align-items:start;flex-direction:column}@media screen and (max-width: 1200px){.contact-card .back{transform:none}}.contact-card img{position:absolute;top:0;left:0;right:0;bottom:0;width:100% !important;height:100% !important;object-fit:cover;object-position:center}@media screen and (max-width: 1200px){.contact-card .front{position:relative}.contact-card .front::before{content:"";display:block;padding-bottom:100%}}.contact-card:hover .inner{transform:rotateY(180deg)}.wpcf7-form .form-control{border-top-left-radius:0;border-bottom-left-radius:0;border-left:2px solid var(--bs-primary)}.wpcf7-form .wpcf7-form-control-wrap{margin-bottom:18px;display:block}body{position:relative}body>*{position:relative;z-index:1}.bg-style{position:absolute;top:100vh;left:0;right:0;bottom:0;z-index:-1;pointer-events:none;opacity:.7}.bg-style::before{content:"";width:1px;top:0;bottom:0;position:absolute;background-color:var(--bs-secondary-bg);left:10vw}.bg-style::after{content:"";width:1px;top:0;bottom:0;position:absolute;background-color:var(--bs-secondary-bg);right:10vw}@media screen and (max-width: 1200px){.bg-style::before,.bg-style::after{display:none}}.bg-style span::before{content:"";width:1px;top:0;bottom:0;position:absolute;background-color:var(--bs-secondary-bg);left:30vw}.bg-style span::after{content:"";width:1px;top:0;bottom:0;position:absolute;background-color:var(--bs-secondary-bg);right:30vw}@media screen and (max-width: 1200px){.bg-style span::before{left:25vw}.bg-style span::after{right:25vw}}.bg-style span:nth-child(2)::before{content:"";width:1px;top:0;bottom:0;position:absolute;background-color:var(--bs-secondary-bg);left:40vw}.bg-style span:nth-child(2)::after{content:"";width:1px;top:0;bottom:0;position:absolute;background-color:var(--bs-secondary-bg);right:40vw}@media screen and (max-width: 1200px){.bg-style span:nth-child(2){display:none}}.bg-style span:first-child::before{content:"";width:1px;top:0;bottom:0;position:absolute;background-color:var(--bs-secondary-bg);left:20vw}.bg-style span:first-child::after{content:"";width:1px;top:0;bottom:0;position:absolute;background-color:var(--bs-secondary-bg);right:20vw}@media screen and (max-width: 1200px){.bg-style span:first-child{display:none}}.bg-style span:last-child::before{content:"";width:1px;top:0;bottom:0;position:absolute;background-color:var(--bs-secondary-bg);left:50vw}/*# sourceMappingURL=style.css.map */