html{scroll-behavior:smooth}div{scroll-margin-top:70px}.secondary-color-text{color:#cfcfcf}button{display:inline-flex;padding:10px 20px;align-items:center;gap:10px}.button-content{color:#ffffffe6;text-shadow:1px 1px 1px rgba(0,0,0,.25);font-style:normal;font-weight:400;line-height:normal}.primary-button{padding:10px 20px;border-radius:109px;background:radial-gradient(107.08% 85.59% at 86.3% 87.5%,#0000003b,#0000 86.18%),radial-gradient(83.94% 83.94% at 26.39% 20.83%,#ffffff69,#fff0 69.79% 100%),#00b5ff;box-shadow:-3px -4px 7px #ffffff26 inset}.secondary-button{padding:10px 20px;border-radius:109px;background:radial-gradient(107.08% 85.59% at 86.3% 87.5%,#0000003b,#0000 86.18%),radial-gradient(83.94% 83.94% at 26.39% 20.83%,#ffffff69,#fff0 69.79% 100%),#cfcfcf;box-shadow:-3px -4px 7px #ffffff26 inset;color:#000}@media (max-width: 767px){.button-content{font-size:14px;max-height:-moz-min-content;max-height:min-content}button{padding:10px 15px;gap:10px}}.card{border-radius:40px;border:3px solid #fff;background:#fff;box-shadow:0 4px 20px #00000040 inset}.aboutme-text{font-style:normal;font-weight:400;line-height:150%;letter-spacing:.7px}.aboutme-img-shadow{box-shadow:0 4px 16.1px 2px #00000040}.bento div:nth-child(1){grid-area:a;background:url(/bento-grid-bg-web-dev.jpg) #d3d3d3 -57.995px 0px / 198.357% 100% no-repeat;background-size:cover}.bento div:nth-child(2){grid-area:b;background:url(/bento-grid-bd--tru.jpg) #d3d3d3 -15.482px 0px / 211.813% 100% no-repeat;background-size:cover}.bento div:nth-child(3):not(.bento-card-gradient){grid-area:c;background:url(/youtube.png) no-repeat;background-size:cover}.bento div:nth-child(4):not(.bento-card-gradient,.design-box1,.design-box2){grid-area:d;transition:all .4s ease}.bento div:nth-child(5):not(.design-box1,.design-box2){grid-area:e;background-image:url(/legacy-marking.jpg);background-size:cover;background-position:center}.bento div:nth-child(6){grid-area:f}.bento{grid-template-areas:"a a b c" "d e f f"}@media (max-width: 1250px){.bento{grid-template-areas:"a a" "b c" "d e" "f f"}}.bento-card-gradient{background:linear-gradient(180deg,#0000,#000);height:50%;width:100%;position:absolute;bottom:0;left:0;z-index:6}.grid-background{background-image:linear-gradient(#e3e3e3 .5px,transparent .5px,transparent calc(100% - .5px),#e3e3e3 calc(100% - .5px)),linear-gradient(90deg,#e3e3e3 .5px,transparent .5px,transparent calc(100% - .5px),#e3e3e3 calc(100% - .5px));background-size:5% 5%;border:.5px solid #e3e3e3}.design-box1,.design-box2{position:absolute;min-height:250px;min-width:300px;bottom:-5;left:0}.design-box1{background-color:#cfcfcf86;z-index:3;bottom:0;left:0;border-radius:0rem 2rem 0rem 0rem}.design-box2{background-color:#ffffff78;z-index:4;bottom:-1rem;left:-1rem;border-radius:0rem 1rem 0rem 0rem}.skill img{height:100px;max-width:150px;border-radius:1rem;-o-object-fit:contain;object-fit:contain;filter:saturate(0);transition:all .4s ease}footer{overflow:hidden;border-radius:2rem;border:1px solid #525252;box-shadow:0 10px 16.1px 12px #00000026;display:grid;grid-template-areas:"email email aboutWeb aboutWeb" "email email webNav social";margin-bottom:100px}footer>div{display:grid;place-content:center;padding:4rem;outline:1px solid #525252}footer>div:nth-child(1){grid-area:email}footer>div:nth-child(2){grid-area:aboutWeb}footer>div:nth-child(3){grid-area:webNav}footer>div:nth-child(4){grid-area:social}footer a{display:inline-flex;gap:.4rem;margin-right:1rem}@media (max-width: 1000px){footer{grid-template-areas:"email email" "aboutWeb aboutWeb" "webNav social"}footer>div{padding:3rem 1.5rem}}.cv-popup{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media (min-width: 770px){.js-logo{transition:all .4s ease}.bento div:nth-child(1):hover .js-logo{top:100px}.bento-text-opacity{opacity:0;transition:all .4s ease}.bento div:nth-child(2):hover .bento-text-opacity{opacity:1}.yt-sub{top:300px;opacity:0;transition:all .4s ease}.bento div:nth-child(3):hover .yt-sub{top:100px;opacity:1}.telus-logo{top:200px;opacity:0;transition:all .4s ease}.bento div:nth-child(5):hover .telus-logo{top:0;opacity:1}.cursor-1,.cursor-2{transition:all .4s ease}.bento div:nth-child(6):hover .cursor-1{right:50px;top:110px}.bento div:nth-child(6):hover .cursor-2{right:100px;top:180px}.skill img:hover{filter:saturate(1)}.photography{transition:all .4s ease}.photography:hover{scale:1.2}}.projects p{font-size:18px;font-style:normal;font-weight:400;line-height:150%}.projects h1,h2{margin:2rem 0rem}.projects h1{font-size:46px;font-style:normal;font-weight:600;line-height:normal;color:#00b5ff}.projects h2{font-size:32px;font-style:normal;font-weight:600;line-height:150%}.projects ul li{background-color:#cfcfcf;padding:10px 15px;border-radius:2rem}.projects ul{display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap;margin:2rem 0rem}.projects .images{display:flex;flex-direction:column;gap:2rem;margin-top:3rem}.projects .images img{border-radius:40px;background:#fff;box-shadow:0 4px 20px #00000040;overflow:hidden}.projects .phone-images{display:flex;flex-direction:row;gap:2rem;flex-wrap:wrap;justify-content:space-evenly;margin-top:2rem}.projects .phone-images img{border-radius:40px;background:#fff;box-shadow:0 4px 20px #00000040;overflow:hidden}@media (min-width: 1200px){.projects p{max-width:40vw}}.blog-page h2{font-size:1.5rem;font-weight:600}.blog-page p{font-size:18px;font-style:normal;font-weight:400;line-height:150%;word-spacing:.1rem;color:#7a7a7a}.blog-page ul{list-style-type:circle}.blog-page h3{font-size:1.2rem;font-weight:500}