*{margin:0;padding:0;box-sizing:border-box}:root{--black: #080808;--black2: #0d0d18;--white: #f5f5f5;--grey: #c7c7c7;--dgrey: #1a1a1a;--accent: #766cff;--accentd:#493cff;--links: #3575ff}html{font-size:12pt}body{background-color:var(--black);color:var(--white);font-family:Inter}.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:2lh}.tag{background-color:var(--accentd);padding:5px 10px;border-radius:5px}.sepCont{display:flex;align-items:center;gap:5px}.sep{height:4px;aspect-ratio:1;border-radius:100px;background-color:var(--accent);font-size:2rem}.sepw{height:4px;aspect-ratio:1;border-radius:100px;background-color:var(--white);font-size:2rem}.blogs{display:flex;flex-wrap:wrap;gap:50px;width:100%;padding:50px 0}.blogs>div{flex:1 1 30%;min-width:300px}.blog{overflow:hidden;border-radius:10px;background-color:var(--black2);transition-duration:.2s;cursor:pointer;height:100%}.blog:hover{scale:1.02}.blog img{width:100%;height:200px;object-fit:cover}.blog .blogInfo{padding:30px}.blogInfo p:nth-of-type(1){color:var(--accent);margin-bottom:1lh}.blogInfo p:nth-of-type(2){color:var(--grey);margin-top:1lh}.loader{top:0;left:0;position:fixed;background-color:#000;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.hero{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 0}.hero>h1{font-size:4rem}.hero>p{margin-top:-.5lh;width:50ch;max-width:90%;color:var(--grey);text-align:center}.dotGrid{top:0;position:absolute;width:100%;height:100%;z-index:-1}.recentBlog{width:100%;height:500px;background-color:var(--black2);margin-top:80px;border-radius:10px;display:flex;overflow:hidden;transition-duration:.2s;cursor:pointer}.recentBlog:hover{scale:1.02}.recentBlog>div{height:100%;display:flex;flex-direction:column;padding:5vw;font-family:Montserrat}.recentBlog h1{font-weight:600}.recentBlog div p:nth-of-type(1){margin-bottom:.5lh;text-transform:capitalize}.recentBlog div p:nth-of-type(1),.recentBlog div p:nth-of-type(3){color:var(--accent);font-weight:600}.recentBlog div p:nth-of-type(3){margin-top:auto}.recentBlog div p:nth-of-type(2){color:var(--grey);margin-top:.5lh}.recentBlog img{width:55%;object-fit:cover}@media screen and (max-width: 1100px){.recentBlog{flex-direction:column-reverse;height:fit-content;margin-bottom:-100px}.recentBlog img{width:100%;height:300px;object-position:center}.recentBlog>div>p:nth-of-type(3){margin-top:20px}}.dot-grid{display:flex;align-items:center;justify-content:center;height:100%;width:100%;position:relative}.dot-grid__wrap{width:100%;height:100%;position:relative}.dot-grid__canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.home{width:100%;padding:0px 5vw}.coverImage{padding:20px 17vw;width:100%;height:300px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;z-index:4}.coverImage img{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover;z-index:-1;filter:brightness(50%)}.coverImage h1{font-size:3em;margin-bottom:.3lh;margin-top:.3lh}.blogTags{display:flex;align-items:center;gap:10px}.blogTags .tag{background-color:transparent;padding:0}.blogPage{margin:0px 15vw;padding:20px 5vw;text-align:justify;line-height:1.5lh;font-size:1.1em}.blogPage img{width:100%}.blogPage h2{margin-bottom:1lh;margin-top:2lh}.blogPage h3{margin-bottom:.5lh;margin-top:1lh}.blogPage blockquote{margin:50px 0;font-size:1.2em;font-style:italic;border-left:2px solid var(--grey);padding:0 0 0 20px}.blogPage p{margin-bottom:.5lh;font-family:Montserrat}.blogPage code{font-family:monospace;border-radius:10px;color:var(--grey);font-style:italic;text-wrap:wrap}.blogPage pre{background-color:var(--dgrey);padding:2vw}.blogPage a{font-weight:600;color:var(--links)}.bgBlog{position:relative}.silkbg{position:absolute;z-index:-1;width:100%;height:95%}@media screen and (max-width: 800px){.blogPage{padding:0;margin:auto 5vw;font-size:1rem}.coverImage h1{font-size:2em;margin-bottom:.3lh;margin-top:.3lh}.coverImage{padding:20px 5vw}.blogTags{flex-wrap:wrap}.blogTags .tag{font-size:.8em}.blogPage code{font-size:.9em}.coverImage p{font-size:.8em}}