@import"https://fonts.googleapis.com/css2?family=Kanit:wght@200;300;400;500&family=Roboto:wght@100;300;400&display=swap";@import"https://fonts.googleapis.com/css2?family=Atomic+Age&display=swap";@import"https://fonts.googleapis.com/css2?family=Comic+Neue:wght@300;400;700&family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200&family=Inspiration&family=Lobster&display=swap";#followMeEverywhere{width:100%;border-top:2px solid var(--primary-color);border-bottom:2px solid var(--primary-color);padding:1vw 0}#blogViewerContainer .content #followMeEverywhere .title{font-family:Atomic Age,cursive;font-size:2.5vw;text-align:center}#followMeEverywhereIcons{display:flex;align-items:center;justify-content:center;margin:.5vw 0}#followMeEverywhereIcons a{display:inline-block;width:10%;aspect-ratio:1/1;background-repeat:no-repeat;background-position:center;background-size:100%;margin:0 1vw}#followMeEverywhereIcons a.instagram{background-image:url(/img/coloredsocials/instagram.svg);background-size:120%}#followMeEverywhereIcons a.youtube{background-image:url(/img/coloredsocials/youtube.svg)}#followMeEverywhereIcons a.twitter{background-image:url(/img/coloredsocials/twitter.svg)}@media only screen and (max-width: 750px){#followMeEverywhere{padding:2vh 0}#blogViewerContainer .content #followMeEverywhere .title{font-size:3vh}#followMeEverywhereIcons{margin:.5vh 0}#followMeEverywhereIcons a{width:15%;margin:0 1vh}}#faqWrapper{margin:2vw 0;padding:1vw 0 2vw;border-top:2px solid var(--primary-color);border-bottom:2px solid var(--primary-color)}#blogViewerContainer #faqWrapper .title{text-align:center;font-family:Kanit,sans-serif;font-weight:400;margin:1vw 0 1.5vw}#faqList{list-style-type:none;margin-left:0}#faqList li{text-align:left;background-color:var(--secondary-color);display:inline-block;padding:1vh 0;width:90%;position:relative;margin:.5vw 0 .5vw 5%}#faqList div{font-size:1.8vw;position:relative;padding:0 5% 0 15%;user-select:none;cursor:pointer}#faqList li div:after{content:"";display:inline-block;position:absolute;left:2.5%;top:-.5vw;height:3.3vw;aspect-ratio:1/1;background-image:url(/img/down_arrow.svg);background-repeat:no-repeat;background-size:100%;background-position:center}#faqList li span{display:none;overflow:hidden;margin-top:1vh;width:65%;font-size:1.5vw;font-weight:300;padding:.5vw 15% .5vw 20%;background-color:#26282b}#faqList li.active div:after{transform:rotate(90deg)}#faqList li.active span{display:inline-block}@media only screen and (max-width: 750px){#faqWrapper{margin:2vh 0}#blogViewerContainer #faqWrapper .title{margin:3vh 0 2.5vh}#faqList li{padding:1vh 0;width:100%;left:-5%;margin:1vh 0 1vh 5%}#faqList div{font-size:1.8vh}#faqList li div:after{left:2%;top:-10%;height:4.5vh}#faqList li span{display:none;overflow:hidden;margin-top:1vh;width:90%;font-size:1.8vh;font-weight:300;padding:0 5%;background-color:#303336}}#loaderAnim{display:inline-flex;position:absolute;align-items:center;justify-content:center;height:100%;width:100%;left:0;top:0;background-size:25%;background-position:center;background-repeat:no-repeat}#loaderAnim svg{height:25%;object-fit:contain}#socialShareContainer{display:flex;align-items:center;justify-content:flex-start;margin:2vw 0}.social-share-button{margin:0 1vw;display:inline-block;height:3vw;width:8vw;background-size:100%;background-repeat:no-repeat;background-position:center}.social-share-button.facebook{background-image:url(/img/shareicons/facebook-share-button.svg)}.social-share-button.linkedin{background-image:url(/img/shareicons/linkedin-share-button.svg)}.social-share-button.twitter{background-image:url(/img/shareicons/twitter-share-button.svg)}@media only screen and (max-width: 750px){#socialShareContainer{margin:2vh 0}.social-share-button{margin:0 1vh;height:4vh;width:10vh}}#sideNav{display:inline-flex;justify-content:flex-start;align-items:center;flex-direction:column;flex-wrap:wrap;overflow:hidden;width:20%;height:calc(100% - 5vw);border-left:2px solid var(--primary-color);position:absolute;right:5vw;top:5vw;font-family:Atomic Age,cursive}#sideNavAboutMe{margin-top:10vh;width:15vw;height:16vw;display:inline-block;background-color:var(--secondary-color);position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url(/img/aboutme.jpg)}#sideNavAboutMe .title{text-align:center;background-color:#00000080;color:#fff;text-decoration:none;position:absolute;padding:1vw 0;bottom:0;left:0;width:100%;font-size:2vw}#sideNavPopularPosts,#sideNavFeaturedPost,#sideNavResources{margin-top:6vw}#sideNavPopularPosts .title,#sideNavFeaturedPost .title,#sideNavResources .title{font-size:2.1vw;margin-bottom:1vw;text-align:center}#sideNavPopularPosts a{font-family:Kanit,sans-serif;font-size:1.2vw;color:var(--primary-color);margin:.5vw 0 .5vw 5%;display:block}#sideNavFeaturedPost{display:flex;justify-content:center;flex-wrap:wrap}#sideNavFeaturedPost .post{width:10vw;height:12vw;display:inline-block;background-color:var(--secondary-color);font-family:Kanit,sans-serif}#sideNavFeaturedPost .post{color:#fff;text-decoration:none;padding:.5vw}#sideNavFeaturedPost .post .title{font-size:1.2vw;font-weight:300}#sideNavFeaturedPost .post .description{margin-top:15%;font-size:1vw;font-weight:100}#sideNavResources{display:flex;justify-content:center;flex-wrap:wrap}#sideNavResources a{display:inline-flex;align-items:center;justify-content:center;width:72%;aspect-ratio:2/1;background-color:var(--secondary-color);font-family:Kanit,sans-serif;font-weight:200;color:#fff;text-decoration:none;padding:.5vw;margin:.8vw 0}#sideNavResources a:nth-of-type(even){background-color:var(--primary-color);color:#000}#sideNavResources a .title{font-size:1.8vw}#blogCategoryHero{margin-top:6vw;width:100%;height:50vh;position:relative}#blogCategoryHero .hero-img{width:100%;height:100%;object-fit:cover}#blogCategoryHero .title{position:absolute;display:inline-block;align-items:center;justify-content:center;height:20vh;font-size:15vh;top:calc(40% - 10vh);z-index:10;background-clip:text;-webkit-background-clip:text;color:transparent}#blogCategoryHero .desc{position:absolute;display:flex;left:10%;width:80%;align-items:center;justify-content:center;height:10vh;text-align:center;font-size:5vh;font-family:kanit;font-weight:300;bottom:calc(40% - 10vh);z-index:10}#blogCategoryHero .shader{display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:5}#blogCategoryPosts{position:relative;min-height:40vh;display:inline-flex;flex-wrap:wrap;width:90%;margin:2vw 5%}@media only screen and (max-width: 750px){#blogCategoryHero{margin-top:2.25vh;height:40vh}#blogCategoryHero .title{word-wrap:break-word;max-width:100%;font-size:7vh;top:calc(40% - 3vh)}#blogCategoryHero .desc{font-size:2.5vh;bottom:calc(45% - 10vh)}#blogCategoryPosts{position:relative;min-height:20vh;display:inline-flex;flex-wrap:wrap;justify-content:center;width:90%;margin:2vw 5%}}.mobile{display:none}#mainNav{--secondary-navbg-color: white;--primary-navbg-color: #1a1c1e;--primary-navtext-color: #fff;--primary-nav-font: "Roboto", sans-serif;--secondary-nav-font: "Kanit", sans-serif;--nav-underline-color: #fff;position:fixed;top:0;left:0;width:100%;height:4vw;padding:1vw 0;z-index:999}#mainNav.primary{background-color:var(--primary-navbg-color)}#mainNav.secondary{box-shadow:0 1px 4px #0006;background-color:var(--primary-navbg-color)}#mainNavLogo{position:absolute;display:inline-flex;align-items:center;justify-content:center;height:70%;width:40%;left:30%;top:15%;font-family:Atomic Age,serif;font-weight:300;font-size:4vw;color:var(--primary-navtext-color);text-decoration:none}#mainNav ul{list-style-type:none;position:relative;display:inline-flex;align-items:center;justify-content:space-evenly;height:100%;margin:0;margin-left:2vw}#mainNav ul li{margin:1vw}#mainNav ul li a{color:var(--primary-navtext-color);font-family:var(--secondary-nav-font);font-weight:200;text-decoration:none;font-size:1.2vw;position:relative;transition:.2s color}#mainNav ul li a:hover{color:#c7c7c7}#mainNav ul li a.active:after{content:"";display:inline-block;height:1px;width:100%;background-color:var(--nav-underline-color);position:absolute;left:0;bottom:-.5vw}@media only screen and (min-width: 651px) and (max-width: 959px){#mainNav{height:6vw;padding:1vw 0}#mainNavLogo{width:auto;position:absolute;right:0%;font-size:5vw}#mainNav ul li a{font-size:2.5vw}}@media only screen and (max-width: 650px){.mobile{display:inline-block}#mainNav{position:fixed;padding:2vh 0;box-shadow:0 1px 4px #0006;background-color:var(--primary-navbg-color);z-index:997}#mainNavLogo{right:0%;left:initial;width:40%;font-size:2.5vh;height:100%;top:0;z-index:999;--navlogo-underline-width: 00%}#mainNavLogo:after{content:"";position:absolute;height:1px;width:var(--navlogo-underline-width);bottom:0vh;right:2px;background-color:var(--nav-underline-color)}#mainNav ul{flex-direction:column;gap:0;align-items:center;justify-content:center;width:100vw;background-color:var(--primary-navbg-color);position:absolute;left:0;margin-left:0;top:0;z-index:998;height:100vh;clip-path:circle(0% at 0 0);border-bottom-right-radius:10px;padding-left:0}#mainNav ul li a{display:inline-block;margin:.5vh 0;font-size:5vh;position:relative;transition:.2s color;width:100%;text-align:center}#mainNav ul li{text-align:center;padding:2vh 0;opacity:0;width:90%;margin:0 0 0 0%}#mainNav ul li:nth-of-type(even){transform:translate(-20px)}#mainNav ul li:nth-of-type(odd){transform:translate(20px)}#mainNav ul li:not(#mainNav ul li:nth-last-child(1)){border-bottom:2px solid var(--secondary-navbg-color)}#mainNav ul li a.active:after{display:none}#mainNavHamburger{width:5vh;aspect-ratio:1/1;position:absolute;top:calc(50% - 2.5vh);left:0;background-image:url(/assets/hamburger_menu-a44b0835.svg);background-size:100%;background-repeat:no-repeat;background-position:center;z-index:999}#mainNavExit{width:5vh;aspect-ratio:1/1;position:absolute;top:calc(50% - 2.5vh);left:0;background-image:url(/assets/exit-1f3aa589.svg);background-size:100%;background-repeat:no-repeat;background-position:center;transform:rotate(360deg) scale(0);opacity:0;z-index:999}}*{margin:0;padding:0}#pageID{display:none}:root{--primary-color: #22AAA2;--secondary-color: #1A1C1E}body{background-color:#1f242d;font-family:Kanit,sans-serif;color:#fff;min-height:100vh}.center{display:flex;align-items:center;justify-content:center}#blueGlow1{display:inline-block;width:20vw;height:20vw;background-image:url(/img/blue_glow.jpg);background-size:100%;background-position:center;position:absolute;top:300vh;left:60vw;background-repeat:no-repeat;z-index:0;opacity:.3}#blueGlow2{display:inline-block;width:11vw;height:11vw;background-image:url(/img/blue_glow.jpg);background-size:100%;background-position:center;position:absolute;top:170vh;left:50vw;background-repeat:no-repeat;z-index:0;opacity:.8}#blueGlow3{display:inline-block;width:25vw;height:25vw;background-image:url(/img/blue_glow.jpg);background-size:100%;background-position:center;position:absolute;top:250vh;left:20vw;background-repeat:no-repeat;opacity:.5;z-index:0}#allContent{display:inline-block;position:relative;width:90%;left:0}#sideBar{position:fixed;margin-top:4vw;right:10%;top:0;height:100%;width:8px;background-color:#22aaa2;z-index:900}#mainSection{height:100vh;width:100%;position:relative;background-image:url(/img/main_mobo.png);background-size:40%;background-position:80% center;background-repeat:no-repeat;margin-top:4vw}#aboutMe{position:absolute;color:#000;background-color:#22aaa2;font-size:1.5vw;top:8vh;left:25vw;font-family:Kanit,sans-serif;font-weight:300;display:inline-block;padding:.5vw 1.5vw;transform-origin:left;rotate:-2deg;text-decoration:none}#aboutMe:hover{text-decoration:underline}#aboutMe:after{content:"";position:absolute;height:7vh;width:2px;top:-7vh;left:.5vw;background-color:#e0e0e0;rotate:2deg}#aboutMe:before{content:"";position:absolute;height:7vh;width:2px;top:-7vh;right:.5vw;background-color:#e0e0e0;rotate:2deg}#aboutUs{position:absolute;height:50%;top:25%;width:30%;margin-left:2.5%}#aboutUs h2{letter-spacing:.5em;font-size:2.8vw;font-weight:300}#aboutUs div{font-size:1.2vw;font-weight:200}#aboutUs a{display:inline-block;text-align:center;text-decoration:none;background-color:#22aaa2;padding:.5vw 0;transition:.3s background-color;color:#000;width:80%;margin-top:5%;font-size:2vw;font-weight:100;border-radius:6px}#aboutUs a:hover{background-color:#1b8881}#featuredBlogsContainer,#latestBlogsContainer,#improveBlogsContainer{padding:2vw 0;display:flex;align-items:center;justify-content:space-evenly}#featuredBlogsTitle,#latestBlogsTitle,#improveBlogsTitle{font-weight:100;padding-left:2vw;font-size:5.5vw;color:transparent;display:inline-block;background:linear-gradient(to right,#ffffff,#dce5f6,#a7d1e9,#66bece,#22aaa2);background-clip:text;-webkit-background-clip:text}.blog-card{display:inline-block;width:25vw;aspect-ratio:1/1;background-color:#17191c;margin:0 1vw;border-radius:20px;position:relative;color:#fff;text-decoration:none;transition:box-shadow .3s ease-in-out}.blog-card:hover{box-shadow:0 0 10px #22aaa2}.blog-card:after{position:absolute;content:"Read More";background-color:#22aaa2;color:#000;text-align:center;display:inline-block;width:50%;top:0;right:0;padding:.5vw 0;border-bottom-left-radius:20px;border-top-right-radius:20px;font-size:1.8vw;font-weight:300}.blog-card:hover:after{text-decoration:underline}.blog-card .title{display:inline-block;font-weight:300;font-size:2vw;margin-top:20%;width:90%;margin-left:5%}.blog-card .desc{display:inline-block;font-weight:100;font-size:1.3vw;margin-top:5%;width:80%;margin-left:10%;color:#ebebeb}body{position:relative;padding-bottom:35vh;min-height:90vh}footer{position:absolute;height:30vh;background-color:#1a1c1e;z-index:950;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:space-evenly;width:100%;color:#22aaa2}footer .socials,footer .contact{margin-top:0;width:25%;height:100%;display:inline-block;position:relative;z-index:999}footer .socials .title,footer .contact .title{font-family:Atomic Age,serif;text-align:center;font-size:3vw;font-weight:200;width:100%}footer .socials .social-icons{width:100%;display:flex;align-items:center;justify-content:space-evenly;position:relative;top:10%}footer .socials .social-icons a{width:20%;aspect-ratio:1/1;margin:2%;background-size:100%;background-position:center;background-repeat:no-repeat}.contact-items{top:15%;position:relative}footer .socials .social-icons a:hover,.contact-items a:hover{filter:drop-shadow(0 0 10px #22aaa190)}.social-icons .twitter{background-image:url(/img/twitter.svg)}.social-icons .instagram{background-image:url(/img/instagram.svg)}.social-icons .youtube{background-image:url(/img/youtube.svg)}.contact-items a{color:#22aaa2;display:block;text-align:center;font-size:1.2vw}#categoriesSection .title{font-weight:100;font-size:5.5vw;text-align:center;margin-top:5vh;font-family:Atomic Age,serif}#categoryWrapper{display:inline-flex;width:50%;flex-wrap:wrap;margin:5vh 25% 10vh}#categoriesSection .category{margin:1vw;position:relative;justify-content:space-evenly;display:inline-flex;text-decoration:none;text-align:center;align-items:center;justify-content:center;font-size:1.2vw;border-radius:10px;aspect-ratio:3.5/1;width:28%;font-weight:100;background-clip:text;-webkit-background-clip:text;color:transparent;transition:scale .3s ease-in-out}#categoriesSection .category:hover{scale:1.1}.category.react,#blogCategoryHero.react .title{background-image:linear-gradient(to right,#ffffff,#eaf0ff,#c3e6ff,#89deff,#00d8ff);border:2px solid #00d8ff}.category.javascript,#blogCategoryHero.javascript .title{background-image:linear-gradient(to right,#ffffff,#ffeaff,#ffd0d9,#ffc981,#f7df1e);border:2px solid #f7df1e}.category.html,#blogCategoryHero.html .title{background-image:linear-gradient(to right,#ffffff,#f2d5f4,#fca4cc,#ff7184,#e44d26);border:2px solid #e44d26}.category.css,#blogCategoryHero.css .title{background-image:linear-gradient(to right,#ffffff,#d6d0fa,#a9a2f4,#7776ed,#264de4);border:2px solid #264de4}.category.php,#blogCategoryHero.php .title{background-image:linear-gradient(to right,#ffffff,#dddbea,#bab8d5,#9797c1,#7377ad);border:2px solid #7377ad}.category.node,#blogCategoryHero.node .title{background-image:linear-gradient(to right,#ffffff,#d5e6f7,#95d4e0,#68bfab,#70a462);border:2px solid #70a462}#newsLetterHighlighter{position:fixed;display:none;background-color:#000000b3;top:0;left:0;width:100%;height:100%;z-index:950}#newsletterSection{position:relative;width:100%;display:flex;align-items:center;justify-content:center;padding:10vh 0;z-index:960}#embeddedNewsletterWrapper{display:inline-block;width:60%;height:28vh;border-top:2px solid #22AAA2;border-bottom:2px solid #22AAA2;background-color:#1f242d;z-index:960}#embeddedFormDesc{font-size:1.3vw;line-height:normal}@media only screen and (max-width: 750px){#blueGlow1{width:20vw;height:20vw;top:20vh;left:60vw}#blueGlow2{width:11vh;height:11vh;top:110vh;left:50vw}#blueGlow3{width:40vw;height:40vw;top:150vh;left:20vw}#sideBar{margin-top:4vw;width:4px}#mainSection{height:70vh;width:100%;background-size:80%;background-position:80% 70%;margin-top:4vw}#aboutMe{font-size:2vh;left:50vw;padding:.5vh 1.5vh}#aboutUs{position:absolute;padding:2vh 10%;height:auto;top:35%;width:80%;margin-left:0%;background-color:#0006}#aboutUs h2{letter-spacing:.5em;font-size:3vh;font-weight:300}#aboutUs div{font-size:2vh;font-weight:200}#aboutUs a{padding:.5vh 0;width:80%;margin-top:5%;font-size:2vh}#featuredBlogsContainer,#latestBlogsContainer,#improveBlogsContainer{padding:2vh 0;flex-wrap:wrap}#featuredBlogsTitle,#latestBlogsTitle,#improveBlogsTitle{padding-left:0;font-size:5.5vh;text-align:center;display:block}.blog-card{width:80%;margin:1vh;border-radius:0;aspect-ratio:1.5/1;overflow:hidden}.blog-card:after{padding:.5vh 0;border-bottom-left-radius:0;border-top-right-radius:0;font-size:2vh}.blog-card:hover:after{text-decoration:underline}.blog-card .title{display:inline-block;font-weight:100;font-size:2.6vh;margin-top:11%;width:90%;font-weight:400;margin-left:5%}.blog-card .desc{font-size:1.8vh;margin-top:1%;width:90%;margin-left:5%}#categoriesSection .title{font-size:4vh;text-align:center;margin-top:6vh}#categoryWrapper{display:inline-flex;width:90%;flex-wrap:wrap;justify-content:space-evenly;margin:2.5vh 5% 10vh}#categoriesSection .category{margin:1vh;font-size:2vh;border-radius:8px;width:40%}.category.react{background-image:linear-gradient(to right,#ffffff,#eaf0ff,#c3e6ff,#89deff,#00d8ff);border:2px solid #00d8ff}.category.javascript{background-image:linear-gradient(to right,#ffffff,#ffeaff,#ffd0d9,#ffc981,#f7df1e);border:2px solid #f7df1e}.category.html{background-image:linear-gradient(to right,#ffffff,#f2d5f4,#fca4cc,#ff7184,#e44d26);border:2px solid #e44d26}.category.css{background-image:linear-gradient(to right,#ffffff,#d6d0fa,#a9a2f4,#7776ed,#264de4);border:2px solid #264de4}.category.php{background-image:linear-gradient(to right,#ffffff,#dddbea,#bab8d5,#9797c1,#7377ad);border:2px solid #7377ad}.category.node{background-image:linear-gradient(to right,#ffffff,#d5e6f7,#95d4e0,#68bfab,#70a462);border:2px solid #70a462}#newsletterSection{padding:5vh 0}#embeddedNewsletterWrapper{width:90%;height:28vh}#embeddedFormDesc{font-size:1.5vh;line-height:normal}#improveBlogsTitle,#improveBlogsContainer{margin-top:2vh}body{position:relative;padding-bottom:25vh;min-height:90vh}footer{height:20vh;bottom:0;position:absolute}footer .socials,footer .contact{top:20%;height:80%;width:45%}footer .socials .title,footer .contact .title{font-size:3vh}.contact-items{margin-top:-.5vh}.contact-items a{font-size:1.5vh}}#mainBlogHero{width:100%;height:60vh;margin-top:10vh;background-image:url(/img/tech_hero.png);background-size:cover;background-position:center;position:relative}#mainBlogHero .shader{display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:5}#mainBlogHero .title{position:relative;font-size:5vw;font-family:Atomic Age,serif;text-align:center;top:20%;font-weight:100;z-index:10}#mainBlogHero .desc{position:relative;font-size:1.5vw;text-align:center;top:25%;z-index:10;font-weight:100}#mainBlogHero a{display:inline-block;z-index:10;position:relative;top:35%;width:25%;left:37.5%;text-align:center;text-decoration:none;background-color:#22aaa2;padding:.3vw 0;transition:.3s background-color;color:#000;font-size:2vw;font-weight:100;border-radius:6px}#mainBlogHero a:hover{background-color:#1b8881}#featuredPostsSection .title{background-image:linear-gradient(to bottom,#ffffff,#e6ebf8,#c3daf0,#97cce3,#66bece,#4fb8c1,#39b1b3,#22aaa2,#22aaa2,#22aaa2,#22aaa2,#22aaa2);background-clip:text;-webkit-background-clip:text}#featuredPostsSection .title span{color:transparent;font-size:4vw}#featuredPostsWrapper{display:inline-flex;width:60%;margin-left:20%;justify-content:space-evenly;flex-wrap:wrap}.blog-card-2{display:inline-flex;width:40%;aspect-ratio:2.5/1;margin:2.5%;text-decoration:none;justify-content:space-between;border:2px solid transparent;overflow:hidden}.blog-card-2:hover{border:2px solid #22AAA2}.blog-card-2 .img{height:100%;display:inline-block;width:35%;background-color:#22aaa2}.blog-card-2 .content{display:inline-block;width:60%;color:#fff;text-decoration:none}.blog-card-2 .content .title{font-size:1.2vw}.blog-card-2 .content .desc{font-weight:100;font-size:1.1vw}#latestPostSection h1.title{text-align:center;font-weight:100;font-size:4vw;margin:8vh 0 2.5vh}#latestBlogCard{width:50%;aspect-ratio:3/1;background-color:#1a1c1e;position:relative;color:#fff;text-decoration:none;transition:box-shadow .3s ease-in-out}#latestBlogCard:hover{box-shadow:0 0 10px #22aaa2}#latestBlogCard:after{position:absolute;display:inline-flex;content:"Read More";align-items:center;justify-content:center;width:20%;height:100%;top:0;right:0;z-index:800;background-color:#1b8881;color:#000;font-size:2vw}#latestBlogCard:hover:after{text-decoration:underline}#latestBlogCard .content{display:inline-block;width:70%;margin-left:5%}#latestBlogCard .content .title{font-size:2vw;font-weight:500}#latestBlogCard .content .date{margin:1% 0 2%;font-weight:200;font-style:italic;font-size:1vw}#latestBlogCard .content .desc{font-size:1.2vw;font-weight:200}@media only screen and (max-width: 750px){#mainBlogHero{height:35vh;margin-top:5vh;background-image:url(/img/tech_hero.png)}#mainBlogHero .title{font-size:5vh;top:10%}#mainBlogHero .desc{font-size:1.8vh;top:15%}#mainBlogHero a{top:25%;width:40%;left:30%;padding:.3vh 0;font-size:2vh}#featuredPostsSection .title span{font-size:5vh}#featuredPostsWrapper{width:90%;margin-left:5%}.blog-card-2{width:90%;aspect-ratio:3/1;margin:2.5% 5%}.blog-card-2 .content .title{font-size:1.6vh}.blog-card-2 .content .desc{font-weight:100;font-size:1.5vh}#latestPostSection h1.title{font-size:5vh}#latestBlogCard{width:90%;overflow:hidden}#latestBlogCard:after{font-size:2vh;text-align:center}#latestBlogCard .content .title{font-size:1.8vh}#latestBlogCard .content .date{margin:1% 0 2%;font-size:1.1vh}#latestBlogCard .content .desc{font-size:1.2vh}}#blogViewerContainer{margin-top:15vh;display:inline-block;width:45%;margin-left:20%;font-family:IBM Plex Sans;background-color:#1f242d;font-weight:300;word-wrap:break-word}#blogViewerContainer .date{color:var(--primary-color);font-size:1.2vw;margin-top:1vw;font-style:italic}#blogViewerContainer .author{color:var(--primary-color);margin:.5vw 0 5vw;font-size:1.2vw;display:inline-block}#blogViewerContainer .author a{color:var(--primary-color)}#blogViewerContainer .title{font-size:4.5vw;font-family:Roboto;font-weight:500}#blogViewerContainer .content a{color:#31f0e3}#blogViewerContainer .content{color:#e4e4e4;font-weight:400}.center #embeddedNewsletterWrapper{width:100%;margin:2vw 0}#tagsContainer{width:100%;position:relative;margin:5vh 0}#blogViewerContainer #tagsContainer .title{font-family:Atomic Age,cursive;color:var(--primary-color);font-size:2vw}#tagsContainer .separator{background-color:var(--primary-color);height:2px;width:100%}#tagsContainer .tags .tag{display:inline-block;background-color:var(--primary-color);padding:.5vw 1.5vw;margin:.5vw;border-radius:20px;color:#000;cursor:pointer;font-size:.9vw}@media only screen and (min-width: 751px) and (max-width: 1920px){#blogViewerContainer{width:55%;margin-left:10%}}@media only screen and (max-width: 750px){#blogViewerContainer{width:90%;margin-left:5%;margin-top:10vh}#blogViewerContainer .date{font-size:1.5vh;margin-top:1vh}#blogViewerContainer .author{margin:.5vh 0 5vh;font-size:1.5vh}#blogViewerContainer .title{font-size:4.5vh}#blogViewerContainer .content{line-height:2em}#tagsContainer{width:100%;position:relative;margin:2.5vh 0}#blogViewerContainer #tagsContainer .title{font-family:Atomic Age,cursive;color:var(--primary-color);font-size:2.5vh}#tagsContainer .separator{background-color:var(--primary-color);height:2px;width:100%}#tagsContainer .tags .tag{padding:1vw 3.5vw;margin:.5vh;font-size:1.5vh}}
