*{padding:0;margin:0}body{background-color:#23222b;color:#fff;font-family:sans-serif}.page h1{text-align:center}.page{background-color:#23222b}.home .flexContainer{width:calc(100% - 200px);height:1000px;display:grid;grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;justify-content:space-evenly;gap:70px;margin:100px;float:left}.test{height:100%;width:100%;background-color:#00f}@media only screen and (max-width: 1250px){.home .flexContainer{grid-template-rows:repeat(5,1fr);grid-template-columns:1fr}}*{box-sizing:border-box}nav{height:60px;width:100%;display:flex;justify-content:space-evenly;align-items:center;margin-bottom:20px;position:fixed;top:50px;left:0;z-index:3}a,a:visited,a:link,a:active{color:#fff}a:hover{color:red}nav button{height:40px;width:200px;border-radius:20px;border:2px solid rgb(180,180,180);background-color:#23222b;color:#fff;position:relative;font-weight:700;font-size:17px;cursor:pointer}.active{position:relative;border:0}.active:after{content:"";display:block;position:absolute;top:-2px;right:-2px;background-image:linear-gradient(45deg,#0cebeb,#11ff7c);width:204px;height:44px;border-radius:22px;z-index:-1}.main-title{height:100vh;width:100%;float:left;background-image:url(./tavinbinary-DafEa0j2.png);background-repeat:repeat}.downArrow{display:inline-block;background-image:linear-gradient(45deg,#0cebeb,#11ff7c);color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800;font-size:40px;position:absolute;bottom:30px;z-index:10;left:50vw;transform:translate(-50%)}.greetings{display:flex;width:max-content;margin:0 auto;margin-top:50vh;transform:translateY(-50%)}.greetings .icons{width:70px;margin-right:40px}.git{width:50px}.linkedin{width:35px;margin:20px 10px 0}.leetcode{width:35px;margin:25px 10px 0}.greetings .tavinInfo{float:left}.greetings h1{font-size:100px;margin-bottom:20px}.greetings h2{font-size:40px;font-weight:100}.tavin{position:relative}.tavin:after{content:"";display:block;height:5px;width:calc(100% - 10px);background-image:linear-gradient(45deg,#0cebeb,#11ff7c);position:absolute;bottom:-2px;left:10px}.gradient-text{display:inline-block;background-image:linear-gradient(45deg,#0cebeb,#11ff7c);color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:100}.blend-backgrounds{height:200px;width:100vw;margin:0;background-image:linear-gradient(0deg,#23222b,#23222b00);position:absolute;z-index:2;top:100vh;transform:translateY(-100%)}.section{background-color:#282731;border-radius:20px;padding:20px;position:relative}.section:after{content:"";display:block;width:calc(100% + 4px);height:calc(100% + 4px);position:absolute;top:-2px;left:-2px;z-index:-1;border-radius:22px;background-image:linear-gradient(45deg,#0cebeb,#11ff7c);box-shadow:10px 20px 40px #00000080}.about{grid-row:1/3;grid-column:1}.skills{grid-column:2/4;grid-row:1}.projects{grid-row:3;grid-column:1/3}.background{grid-row:2/4;grid-column:3}.about p{display:block;font-size:1.2vw;font-weight:200;line-height:1.2;margin-top:20px;margin-bottom:20px}.about ul{font-size:1.2vw;font-weight:200;margin-left:20px}.about li{margin-top:10px}.about span{background-image:linear-gradient(45deg,#0cebeb,#11ff7c);color:transparent;-webkit-background-clip:text;background-clip:text}.contact{width:500px;height:200px}.contact div{display:flex;align-items:center;align-content:center;margin-top:20px}.contact img{width:40px}.contact p{display:inline-block;font-size:20px;margin-left:20px}.contact button{display:block;margin:20px auto 0;height:40px;width:200px;border-radius:20px;border:0;background-color:#23222b;color:#fff;position:relative}.projectsGrid{height:calc(100% - 60px);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;gap:10px}.projectCard{background-color:#23222b;height:100%;width:100%;border-radius:10px;position:relative;box-shadow:#000 5px 5px 10px}.projectCard h2{position:absolute;top:15px;left:15px;text-shadow:black 1px 1px 5px}.projectCard .desc{position:absolute;width:100%;bottom:0;height:20%;background-image:linear-gradient(0deg,#000,#0000);border-radius:0 0 10px 10px;padding:10px;font-size:.9vw}.projectCard img{width:100%;border-radius:10px}.SkillGrid{display:grid;grid-template-columns:2fr 1fr;gap:40px;height:calc(100% - 60px)}.skillCardGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:10px}.skillDesc{background-color:#23222b;font-size:1.1vw;border-radius:10px;font-weight:200;padding:10px;box-shadow:#000 5px 5px 10px}.skillCard{background-color:#23222b;border-radius:10px;padding:10px;box-shadow:#000 5px 5px 10px;font-size:17px;font-weight:200;transition:.2s;height:100%;align-content:center}.skillCard:hover{transform:translate(-5px,-5px);box-shadow:#000 10px 10px 10px}.skillCard p{display:inline-block}.background{font-size:1vw;font-weight:200}.background .dates{color:#aeaeae;margin-bottom:20px}.background p{margin-bottom:10px}.background strong{margin-bottom:5px;display:inline-block}.background li{margin-left:30px;margin-bottom:15px}.background li:last-child{margin-bottom:25px}.background span{background-image:linear-gradient(45deg,#0cebeb,#11ff7c);color:transparent;-webkit-background-clip:text;background-clip:text}@media only screen and (max-width: 1250px){.about{grid-column:1;grid-row:1}.skills{grid-column:1;grid-row:2}.projects{grid-row:3;grid-column:1}.background{grid-row:4;grid-column:1}.skillDesc{font-size:1.5vw}.contact{margin:20px auto 0;padding-bottom:20px;width:100%;height:200px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;gap:10px}.contact h1{position:absolute;left:50%;transform:translate(-50%)}.contact p{display:block;font-size:1.5vw;margin-left:20px;float:left}.contact img{width:4vw;float:left}.about ul,.about p{font-size:1.7vw}.background{font-size:1.5vw}.centerB{width:40%;margin:0 auto}}h1{margin-bottom:20px}.center{height:1000px;width:60vw;margin:140px auto 0}.gradient-text{display:block;background-image:linear-gradient(45deg,#0cebeb,#11ff7c);color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:100}.blog-page-title{display:block;font-size:80px;margin:0 auto 80px;text-align:center}.underline{position:relative}.underline:after{content:"";display:block;height:5px;width:100%;background-image:linear-gradient(45deg,#0cebeb,#11ff7c);position:absolute;bottom:-5px;left:0}.postContainer{background-color:#282731;border-radius:20px;padding:40px 20px 20px;position:relative;box-sizing:border-box;margin-bottom:70px;font-size:20px;white-space:pre-wrap}.postContainer:before{content:"";height:calc(100% + 4px);width:calc(100% + 4px);background-image:linear-gradient(45deg,#0cebeb,#11ff7c);position:absolute;z-index:-1;top:-2px;left:-2px;border-radius:22px;box-shadow:10px 20px 40px #00000080}.postContainer img{width:100%}.testing{z-index:2;position:absolute;top:-20px;left:20px}.typeDisplay{width:200px;height:40px;background-color:#282731;border-radius:30px;position:relative;display:flex;align-items:center;justify-content:center}.typeDisplay:before{content:"";position:absolute;width:204px;height:44px;background-image:linear-gradient(45deg,#0cebeb,#11ff7c);z-index:-1;top:-2px;left:-2px;border-radius:22px}.typeDisplay p{display:inline-block}