@keyframes gradrotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes gradalpha01{0%{opacity:.5}50%{opacity:1}100%{opacity:.5}}@keyframes gradalpha02{0%{opacity:1}50%{opacity:.25}100%{opacity:1}}body{background:#fff;text-rendering:optimizeLegibility;margin:0;font-family:"Poppins",sans-serif;font-weight:400;font-style:normal}body.modal-open #page{filter:blur(5px)}body .modal .modal-content{border-radius:5px;overflow:hidden;border:none}body .modal .modal-content .modal-header{position:absolute;width:50px;height:50px;right:0;padding:0;z-index:100;border-bottom:none}body .modal .modal-content .modal-header button{padding:15px 15px 0 0}body .modal .modal-content .modal-body{background:#fff}body .modal .modal-content .modal-body .modal-title{padding:10px 20px 5px 20px;border-bottom:2px solid blue}body .modal .modal-content .modal-body .modal-title:not(:nth-child(1)){padding-top:35px}body .modal .modal-content .modal-body h3{color:blue}body .modal .modal-content .modal-body p{margin:20px 0 !important}body .modal .modal-content .modal-body iframe{width:100%}body .modal .modal-content .modal-footer{display:none}body .modal-backdrop:before{background:rgba(128,128,128,.5)}body .modal-backdrop.in{opacity:.95;background:#fff}body .modal-backdrop.in:before{display:block;content:"";width:100%;height:100%}body .nopadding{padding:0 !important}body .nomargin{margin:0 !important}body .jumbotron{background:rgba(0,0,0,0)}body #content{padding-top:80px}body h1{font-size:21px !important;line-height:26px;font-family:"Unbounded",sans-serif;font-optical-sizing:auto;font-weight:600;margin-bottom:0;color:blue !important}body h2,body h3{font-size:21px;line-height:26px;font-family:"Unbounded",sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal;margin:0;padding:0}body h4{font-size:21px;line-height:26px;margin:5px 0;font-family:"Unbounded",sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal;color:blue}body p{color:#000;font-size:14px !important;line-height:21px;margin-bottom:0 !important}body a{color:#000}body a:hover{color:#000;text-decoration:none;transition:.25s ease}body .btn{color:#fff;background:blue;border:1px solid blue;font-size:12px;font-weight:600;text-transform:uppercase;height:30px;padding:5px 12px;border-radius:5px}body .btn.outline{color:blue;background:rgba(0,0,0,0);border:1px solid blue}body .btn:hover,body .btn:focus,body .btn:active{background:blue;color:#fff;border:1px solid blue;transition:.25s ease}body.sticky #header nav{transition:.25s ease;min-height:40px;padding:10px 0;background:blue}body.sticky #header nav .navbar-brand{transition:.25s ease;height:20px;padding-top:2px}body.sticky #header nav .navbar-brand .logo{display:none}body.sticky #header nav .navbar-brand .logo.sticky{display:block}body.sticky #header nav .btn{height:25px;padding:2.5px 10px;color:#fff;border:1px solid #fff}body.sticky #header nav .btn:hover,body.sticky #header nav .btn:focus,body.sticky #header nav .btn:active{background:#fff;color:blue;border:1px solid #fff}body.sticky #header nav .btn svg{margin-top:0 !important;fill:#fff !important}#header nav{padding:30px 0;margin:0;background:rgba(0,0,0,0);border:none}#header nav .nav-container{padding:0 10px}#header nav .nav-container .navbar-brand{height:30px;padding:5px 0 0 0}#header nav .nav-container .navbar-brand .logo.sticky{display:none}#header nav .nav-container .navbar-header{margin:0}#header nav .nav-container .navbar-menubar{text-align:right}#header nav .nav-container .navbar-menubar .btn{margin-left:5px}#header nav .nav-container .navbar-menubar .btn svg{margin-top:2px;width:13px;height:13px;display:none;fill:blue}#header nav .nav-container .navbar-menubar .btn:hover svg{fill:#fff}#footer{background:rgba(0,0,0,.025)}#footer .container{padding:15px 0 25px 0}#footer .container p{font-size:10px !important;color:rgba(0,0,0,.25)}.portfolio{overflow:hidden;padding:0;border:5px solid #fff;border-radius:16px;cursor:pointer;height:500px}.portfolio .content{width:100%;height:100%;border-radius:10px;border:1px solid #eee;overflow:hidden;display:flex;transition:.15s ease-out;align-items:flex-end}.portfolio .thumb{position:absolute;display:block;min-width:100.5%;max-width:100.5%;min-height:auto;max-height:auto;margin:-0.25%;padding:0;top:0;z-index:-1;transition:.15s ease-out}.portfolio .info{bottom:0;padding:20px 25px;max-width:100%;background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.portfolio .info .title{display:flex;gap:10px;padding-bottom:5px}.portfolio .info .title h2{color:#000}.portfolio .info .title .taglist{padding-top:1px}.portfolio .info .title .taglist .tag{font-family:"DM Mono",monospace;font-weight:500;display:inline-block;font-size:10px;padding:2px 5px;margin-right:2px;border-radius:3px}.portfolio .info .btn{margin-top:10px;margin-left:0;color:#000;border-color:#000}.portfolio .info .bg{width:100%;height:100%;position:absolute;top:0;left:0;opacity:.75;z-index:-1}.portfolio:not(#aboutme):hover .content{transition:.15s ease-out}.portfolio:not(#aboutme):hover .content .thumb{min-width:103%;max-width:103%;margin:-1.5%;transition:.15s ease-out}.portfolio:not(#aboutme):hover .content .info{transition:.25s ease;background-color:#ffc832 !important}.portfolio:not(#aboutme):hover .content .info h2,.portfolio:not(#aboutme):hover .content .info p{color:blue !important}.portfolio:not(#aboutme):hover .content .info .taglist .tag{transition:.25s ease;color:blue !important;background:rgba(0,0,255,.05) !important}.portfolio:not(#aboutme):hover .content .info .btn{background:blue;border-color:blue;color:#fff}.portfolio:not(#aboutme):hover .content .info .btn.secondary{background:rgba(0,0,0,0);border-color:blue;color:blue}.portfolio#aboutme .content{align-items:flex-start;transition:.15s ease-out}.portfolio#aboutme .content .info{top:0;background:rgba(0,0,0,0);-webkit-backdrop-filter:none;backdrop-filter:none}.portfolio#aboutme .content .info h1{color:blue;padding:25px 0;border-top:1px solid rgba(0,0,255,.1);border-bottom:1px solid rgba(0,0,255,.1)}.portfolio#aboutme .content .info p{color:#fff;padding:25px 0;margin-top:20px;border-top:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(255,255,255,.25)}.portfolio#aboutme .content .info .btn{margin-top:20px;color:#fff;border-color:blue}.portfolio#aboutme .content#lead{opacity:1}.portfolio#aboutme .content#more{opacity:0;position:absolute;top:0}.portfolio#aboutme .bg{position:absolute;top:0;margin:-500px;width:1500px;height:1500px;z-index:-1}.portfolio#aboutme .bg#bg1{background:linear-gradient(45deg, rgba(255, 200, 50, 0.75), rgba(0, 0, 255, 0.05));animation:gradrotate linear 10s infinite,gradalpha01 linear 10s infinite}.portfolio#aboutme .bg#bg2{background:linear-gradient(45deg, rgba(255, 200, 50, 0.05), rgba(0, 0, 255, 0.2));animation:gradrotate linear reverse 10s infinite,gradalpha02 linear 10s infinite}.portfolio#aboutme.opened .content{background:blue;transition:.25s ease}.portfolio#aboutme.opened .content#lead{opacity:0}.portfolio#aboutme.opened .content#more{opacity:1}.casestudies{padding-left:20px;padding-right:0}.casestudies h3{color:blue;margin:5px 0 15px 0}.casestudies p.linkedin.title{font-size:12.5px !important;color:rgba(0,0,0,.75);padding-left:10px}.casestudies .casestudy{border-radius:10px;background:rgba(0,0,255,.035);border:1px solid rgba(0,0,255,.035);cursor:pointer;margin-bottom:20px;transition:.15s ease-out}.casestudies .casestudy p{padding:10px;font-size:12.5px !important;color:rgba(0,0,0,.75)}.casestudies .casestudy p a{font-size:12.5px !important;color:blue;font-weight:600}.casestudies .casestudy p a:hover{text-decoration:underline}.casestudies .casestudy p.sourceinfo{line-height:18px}.casestudies .casestudy img{min-width:100%}.casestudies .casestudy.linkedin{display:flex;flex-direction:row;margin-top:12px;padding:5px 10px;transition:.15s ease-out}.casestudies .casestudy.linkedin .icon{width:40px;padding-top:10px;text-align:center}.casestudies .casestudy.linkedin .icon svg{width:28px;height:28px;fill:blue}.casestudies .casestudy.linkedin .info .sourceinfo{line-height:16px}.casestudies .casestudy.linkedin:hover *{color:blue;transition:.15s ease-out}.casestudies .casestudy:hover{border:1px solid rgba(0,0,255,.25);transition:.15s ease-out}@media(max-width: 480px){#header nav .nav-container .navbar-menubar .btn{padding:5px 8px}#header nav .nav-container .navbar-menubar .btn svg{display:inline-block}#header nav .nav-container .navbar-menubar .btn span{display:none}.portfolio .info{padding:20px}.portfolio .info .title{display:flex;flex-direction:column;gap:5px}.portfolio .info .title h2{min-width:100%}.portfolio .info .title .taglist{min-width:100%;margin-bottom:5px}}@media(max-width: 992px){.container{width:90%}#footer .textbox{text-align:center}.casestudies{padding-left:0}.casestudies h3{margin:30px 0 15px 0;padding:0 10px}.portfolio{border-radius:20px;border-top:10px solid #fff;border-bottom:10px solid #fff}}@media(min-width: 992px)and (max-width: 1200px){.casestudies .linkedin{display:none !important}.portfolio .info{padding:20px}.portfolio .info .title{display:flex;flex-direction:column;gap:5px}.portfolio .info .title h2{min-width:100%}.portfolio .info .title .taglist{min-width:100%;margin-bottom:5px}}