*{margin:0;padding:0;width:100%;height:100%;box-sizing:border-box;scroll-behavior:smooth;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.menu-toggle{display:none}.mobile-menu-button{height:auto;display:none;color:#fff;font-size:4vh;width:10%;margin-left:5%}.page-contents,.social-links{display:none;flex-direction:column;align-items:center}h1{height:auto;width:auto;color:#b4b0b0;font-size:5vw;font-family:Dancing Script,Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}@media (max-width:768px){h1{font-size:12vw;margin-right:25%}.header-div{height:10%;width:100%;background:linear-gradient(to bottom,#000,#000);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000}.mobile-menu-button{display:block;background-color:transparent;border:none;cursor:pointer}.page-contents{transform:translate(-100%);transition:transform .5s ease-in-out;display:flex;flex-direction:column;align-items:center;position:fixed;background-color:#3c3b46;height:100vh;width:50vw;top:0;justify-content:space-evenly;align-items:flex-start;z-index:10}.menu-toggle:checked~.page-contents{transform:translate(0)}.menu-toggle:checked~.page-contents:before{content:"";position:fixed;top:0;left:50vw;height:100vh;width:100vw;background-color:#000c}.page-contents a{height:auto;width:80%;font-size:7vw;margin-left:10%;padding:1%;border-radius:5px;text-decoration:none;background-color:#24232e;color:#f0f8ff;text-align:center}.links{box-shadow:0 0 2vw .1vw #fff}.social-links{height:auto;width:50%;margin-left:15%;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}.social-links a{height:auto;width:auto;background-color:transparent}.social-links img{height:7vw;width:7vw;background-color:#f0f8ff}#mail{width:8vw}#github{height:7.5vw;width:7.5vw;border:.5vw solid aliceblue;border-radius:100px}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}}@media (min-width:769px){.header-div{height:10vh;width:100%;background:linear-gradient(to bottom,#000,#413e3e);display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;position:sticky;top:0;z-index:1000}.page-contents{height:auto;width:70%;display:flex;flex-direction:row;justify-content:space-evenly}.page-contents a{height:auto;width:auto;font-size:2.5vw;text-align:center;text-decoration:none;color:#fff;white-space:nowrap;transition:.3s ease-in-out}.links:hover{font-size:3vw;color:#0ff}.social-links{height:80%;width:20%;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}.social-links a{height:auto;width:auto}.social-links img{height:3vw;width:3vw;background-color:#f0f8ff}#mail{width:4vw}#github{height:3.5vw;width:3.5vw;border:.2vw solid aliceblue;border-radius:100px}}@media (min-width:1024px){.header-div{height:10vh;width:100%;background:linear-gradient(to bottom,#000,#413e3e);display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;position:sticky;top:0;z-index:1000}.page-contents{height:auto;width:70%;display:flex;justify-content:space-evenly}.page-contents a{height:auto;width:auto;font-size:2.5vw;text-decoration:none;color:#fff;transition:.3s ease-in-out}.links:hover{font-size:3vw;color:#0ff}.social-links{height:80%;width:20%;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}.social-links a{height:auto;width:auto}.social-links img{height:3vw;width:3vw;background-color:#f0f8ff}#mail{width:5vw}#github{height:3.5vw;width:3.5vw;border:.2vw solid aliceblue;border-radius:100px}}@media (min-width:1440px){.header-div{height:10vh;width:100%;background:linear-gradient(to bottom,#000,#413e3e);display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;position:sticky;top:0;z-index:1000}.page-contents{height:auto;width:70%;display:flex;justify-content:space-evenly}.page-contents a{height:auto;width:auto;font-size:2vw;text-decoration:none;color:#fff;transition:.3s ease-in-out}.links:hover{font-size:2.5vw;color:#0ff}.social-links{height:80%;width:20%;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}.social-links a{height:auto;width:auto}.social-links img{height:2.5vw;width:2.5vw;background-color:#f0f8ff}#mail{width:4vw}#github{height:2.5vw;width:2.5vw;border:.2vw solid aliceblue;border-radius:100px}}.home-root{height:auto;width:100%}@media (max-width:500px){.home-root{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.portfolio-photo{height:55vw;width:55vw;border-radius:200px;margin-top:20vw;border:1vw solid rgba(255,255,255,.75);background-color:#07636377;box-shadow:0 0 7vw .1vw #0ff}.caption{height:auto;width:70%;margin-top:10vw;font-size:9.2vw;color:#f5f5f5d8}.caption-pt2{height:auto;width:70%;margin-top:3vw;font-size:7vw;color:#f5f5f5d8}.hi{color:#00ffffef;font-size:10vw}.full-stack{text-shadow:0 0 2vw rgb(250,0,0)}.contact-button{height:5vh;width:40vw;margin-top:10vw;margin-bottom:10vw;text-decoration:none;font-size:5.5vw;border-radius:10px;white-space:nowrap;background-color:#235757;color:#f0f8ff;display:flex;justify-content:center;align-items:center;border:.1vw solid white}.catch{height:auto;width:70%;font-size:6vw;margin-top:10vw;color:#f5f5f5d8;border-radius:10px;padding:10px;border:1vw solid rgb(242,208,250);animation:catchAnimation 4s infinite alternate;box-shadow:0 0 5vw 1vw #a60bff;text-shadow:0 0 2vw rgb(166,11,255)}@keyframes catchAnimation{0%{box-shadow:0 0 2vw 1vw #a60bff;text-shadow:0 0 2vw rgb(166,11,255)}33%{box-shadow:0 0 2vw 1vw #0b60ff;text-shadow:0 0 2vw rgb(11,96,255)}66%{box-shadow:0 0 2vw 1vw #ff270b;text-shadow:0 0 2vw rgb(255,39,11)}to{box-shadow:0 0 2vw 1vw #3cff0b;text-shadow:0 0 2vw rgb(60,255,11)}}}@media (min-width:501px) and (max-width:768px){.home-root{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto auto auto;align-items:center}.portfolio-photo{grid-column:2/3;grid-row:1/2;height:40vw;width:40vw;border-radius:200px;border:.5vw solid rgba(255,255,255,.75);background-color:#07636377;box-shadow:0 0 7vw .1vw #0ff;justify-self:start;margin-top:10vw;margin-right:10vw}.caption{grid-column:1/2;height:auto;width:70%;font-size:6.2vw;color:#f5f5f5d8;justify-self:center}.caption-pt2{grid-column:1/2;height:auto;width:70%;font-size:5vw;color:#f5f5f5d8;justify-self:center;align-self:start}.hi{color:#00ffffef;font-size:7vw}.full-stack{text-shadow:0 0 2vw rgb(250,0,0)}.contact-button{grid-column:2/2;grid-row:2/4;height:4vh;width:35vw;padding:6vw;border-radius:25px;margin-top:5vw;margin-right:10vw;white-space:nowrap;text-decoration:none;font-size:4.5vw;background-color:#235757;color:#f0f8ff;display:flex;justify-content:center;align-items:center;border:.1vw solid white;justify-self:center;align-self:start}.catch{height:auto;width:90%;font-size:4vw;color:#f5f5f5d8;border-radius:10px;padding:10px;margin-top:10vw;margin-bottom:10vw;border:1vw solid rgb(242,208,250);animation:catchAnimation 4s infinite alternate;box-shadow:0 0 5vw 1vw #a60bff;text-shadow:0 0 2vw rgb(166,11,255);grid-column:1/-1;justify-self:center;align-self:start}@keyframes catchAnimation{0%{box-shadow:0 0 2vw 1vw #a60bff;text-shadow:0 0 2vw rgb(166,11,255)}33%{box-shadow:0 0 2vw 1vw #0b60ff;text-shadow:0 0 2vw rgb(11,96,255)}66%{box-shadow:0 0 2vw 1vw #ff270b;text-shadow:0 0 2vw rgb(255,39,11)}to{box-shadow:0 0 2vw 1vw #3cff0b;text-shadow:0 0 2vw rgb(60,255,11)}}}@media (min-width:769px) and (max-width:1024px){.home-root{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto auto auto;align-items:center;position:relative}.portfolio-photo{grid-column:2/3;grid-row:1/2;height:40vw;width:40vw;border-radius:200px;border:.5vw solid rgba(255,255,255,.75);background-color:#07636377;box-shadow:0 0 6vw .1vw #0ff;justify-self:start;right:0;margin-right:5vw;margin-top:30vw;position:absolute}.caption{grid-column:1/2;height:auto;width:70%;margin-top:10vw;font-size:4.2vw;color:#f5f5f5d8;justify-self:center;align-self:end}.caption-pt2{grid-column:1/2;height:auto;width:70%;font-size:3vw;color:#f5f5f5d8;margin-top:3vw;justify-self:center;align-self:center}.hi{color:#00ffffef;font-size:5vw}.full-stack{text-shadow:0 0 2vw rgb(250,0,0)}.contact-button{grid-column:1/2;grid-row:3/4;height:2vh;width:20vw;padding:3vw;border-radius:10px;margin-top:5vw;margin-right:25vw;white-space:nowrap;text-decoration:none;font-size:2.5vw;background-color:#235757;color:#f0f8ff;display:flex;justify-content:center;align-items:center;border:.2vw solid white;justify-self:center;align-self:start}.contact-button:hover{box-shadow:0 0 1vw .5vw #fff;border:.2vw solid rgb(35,87,87);background-color:#f0f8ff;color:#235757;transition:.3s}.catch{height:auto;width:80%;font-size:4vw;color:#f5f5f5d8;border-radius:10px;padding:10px;margin-top:10vw;margin-bottom:10vw;border:1vw solid rgb(242,208,250);animation:catchAnimation 4s infinite alternate;box-shadow:0 0 5vw 1vw #a60bff;text-shadow:0 0 2vw rgb(166,11,255);grid-column:1/-1;justify-self:center;align-self:center}@keyframes catchAnimation{0%{box-shadow:0 0 3vw .1vw #a60bff;text-shadow:0 0 2vw rgb(166,11,255)}33%{box-shadow:0 0 3vw .1vw #0b60ff;text-shadow:0 0 2vw rgb(11,96,255)}66%{box-shadow:0 0 3vw .1vw #ff270b;text-shadow:0 0 2vw rgb(255,39,11)}to{box-shadow:0 0 3vw .1vw #3cff0b;text-shadow:0 0 2vw rgb(60,255,11)}}}@media (min-width:1025px) and (max-width:1440px){.home-root{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto auto auto;align-items:center;position:relative}.portfolio-photo{grid-column:2/3;grid-row:1/2;height:30vw;width:30vw;border-radius:100vh;border:.5vw solid rgba(255,255,255,.75);background-color:#07636377;box-shadow:0 0 4vw .1vw #0ff;justify-self:start;right:0;margin-right:5vw;margin-top:20vw;position:absolute}.caption{grid-column:1/2;height:auto;width:70%;margin-top:10vw;font-size:4.2vw;color:#f5f5f5d8;justify-self:center;align-self:end}.caption-pt2{grid-column:1/2;height:auto;width:70%;font-size:3vw;color:#f5f5f5d8;justify-self:center;align-self:center}.hi{color:#00ffffef;font-size:5vw}.full-stack{text-shadow:0 0 2vw rgb(250,0,0)}.contact-button{grid-column:1/2;grid-row:3/4;height:2vh;width:20vw;padding:3vw;border-radius:10px;margin-top:5vw;margin-right:25vw;white-space:nowrap;text-decoration:none;font-size:2.5vw;background-color:#235757;color:#f0f8ff;display:flex;justify-content:center;align-items:center;border:.2vw solid white;justify-self:center;align-self:start}.contact-button:hover{box-shadow:0 0 1vw .5vw #fff;border:.2vw solid rgb(35,87,87);background-color:#f0f8ff;color:#235757;transition:.3s}.catch{height:auto;width:80%;font-size:4vw;color:#f5f5f5d8;border-radius:10px;margin-top:5vw;margin-bottom:5vw;padding:1vw;border:1vw solid rgb(242,208,250);animation:catchAnimation 4s infinite alternate;box-shadow:0 0 5vw 1vw #a60bff;text-shadow:0 0 2vw rgb(166,11,255);grid-column:1/-1;justify-self:center;align-self:center}@keyframes catchAnimation{0%{box-shadow:0 0 3vw .1vw #a60bff;text-shadow:0 0 2vw rgb(166,11,255)}33%{box-shadow:0 0 3vw .1vw #0b60ff;text-shadow:0 0 2vw rgb(11,96,255)}66%{box-shadow:0 0 3vw .1vw #ff270b;text-shadow:0 0 2vw rgb(255,39,11)}to{box-shadow:0 0 3vw .1vw #3cff0b;text-shadow:0 0 2vw rgb(60,255,11)}}}@media (min-width:1441px){.home-root{height:auto;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto auto auto;align-items:center;position:relative}.portfolio-photo{grid-column:2/3;grid-row:1/2;height:25vw;width:25vw;border-radius:100vh;border:.5vw solid rgba(255,255,255,.75);background-color:#07636377;box-shadow:0 0 4vw .1vw #0ff;justify-self:start;right:0;margin-right:15vw;margin-top:20vw;position:absolute}.caption{grid-column:1/2;height:auto;width:70%;margin-top:10vw;font-size:3.2vw;color:#f5f5f5d8;justify-self:center;align-self:end}.caption-pt2{grid-column:1/2;height:auto;width:70%;font-size:3vw;color:#f5f5f5d8;justify-self:center;align-self:center}.hi{color:#00ffffef;font-size:4vw}.full-stack{text-shadow:0 0 1vw rgb(250,0,0)}.contact-button{grid-column:1/2;grid-row:3/4;height:1vh;width:20vw;padding:3vw;border-radius:10px;margin-top:5vw;margin-right:25vw;white-space:nowrap;text-decoration:none;font-size:2vw;background-color:#235757;color:#f0f8ff;display:flex;justify-content:center;align-items:center;border:.2vw solid white;justify-self:center;align-self:start}.contact-button:hover{box-shadow:0 0 1vw .5vw #fff;border:.2vw solid rgb(35,87,87);background-color:#f0f8ff;color:#235757;transition:.3s}.catch{height:auto;width:70%;font-size:3vw;color:#f5f5f5d8;border-radius:10px;padding:1vw;margin-top:5vw;margin-bottom:5vw;border:1vh solid rgb(242,208,250);animation:catchAnimation 4s infinite alternate;box-shadow:0 0 5vw 1vw #a60bff;text-shadow:0 0 2vw rgb(166,11,255);grid-column:1/-1;justify-self:center;align-self:end}@keyframes catchAnimation{0%{box-shadow:0 0 3vw .1vw #a60bff;text-shadow:0 0 2vw rgb(166,11,255)}33%{box-shadow:0 0 3vw .1vw #0b60ff;text-shadow:0 0 2vw rgb(11,96,255)}66%{box-shadow:0 0 3vw .1vw #ff270b;text-shadow:0 0 2vw rgb(255,39,11)}to{box-shadow:0 0 3vw .1vw #3cff0b;text-shadow:0 0 2vw rgb(60,255,11)}}}.about-root{height:auto;width:100%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;background-color:#313131;color:#f0f8ffe8}@media (max-width:500px){.about-titles{height:auto;width:auto;font-size:8vw;border-radius:10px;padding:1vh;margin-top:5vh;margin-bottom:5vh;border:1vw solid rgb(192,140,241);box-shadow:0 0 5vw .5vw #c08cf1}.about-h4{height:auto;width:80%;font-size:6vw}.jobs{height:auto;width:auto}.motto{height:auto;width:auto;display:flex;padding:3vw;margin-top:6vw;margin-bottom:5vh;border:1vw double rgb(255,255,255);box-shadow:0 0 10vw 2vw #0084ff;flex-direction:column;justify-content:center;align-items:center}.motto h2{height:auto;width:auto;font-size:6vw}#about-end{margin-bottom:5vh}.is-not{color:#eb4343d3}}@media (min-width:501px) and (max-width:768px){.about-titles{height:auto;width:auto;font-size:6vw;border-radius:10px;padding:1vh;margin-top:7vh;margin-bottom:5vh;border:1vw solid rgb(192,140,241);box-shadow:0 0 5vw .5vw #c08cf1}.about-h4{height:auto;width:80%;font-size:4vw}.jobs{height:auto;width:auto}.motto{height:auto;width:auto;display:flex;padding:3vw;margin-top:6vw;margin-bottom:5vh;border:1vw double rgb(255,255,255);box-shadow:0 0 5vw 1vw #0084ff;flex-direction:column;justify-content:center;align-items:center}.motto h2{height:auto;width:auto;font-size:6vw}#about-end{margin-bottom:5vh}.is-not{color:#eb4343d3}}@media (min-width:769px) and (max-width:1024px){.about-titles{height:auto;width:auto;font-size:6vw;border-radius:10px;padding:1vh;margin-top:7vh;margin-bottom:5vh;border:1vw solid rgb(192,140,241);box-shadow:0 0 2vw .5vw #c08cf1}.about-h4{height:auto;width:80%;font-size:3vw}.jobs{height:auto;width:auto}.motto{height:auto;width:auto;display:flex;padding:3vw;margin-top:6vw;margin-bottom:5vh;border:1vw double rgb(255,255,255);box-shadow:0 0 3vw .5vw #0084ff;flex-direction:column;justify-content:center;align-items:center}.motto h2{height:auto;width:auto;font-size:6vw}#about-end{margin-bottom:5vh}.is-not{color:#eb4343d3}}@media (min-width:1025px) and (max-width:2560px){.about-titles{height:auto;width:auto;font-size:4vw;border-radius:10px;padding:1vh;margin-top:7vh;margin-bottom:5vh;border:.5vw solid rgb(192,140,241);box-shadow:0 0 1vw .3vw #c08cf1}.about-h4{height:auto;width:80%;font-size:2vw;display:flex;justify-content:center}.jobs{height:auto;width:auto}.motto{height:auto;width:auto;display:flex;padding:3vw;margin-top:5vw;margin-bottom:5vh;border:1vw double rgb(255,255,255);box-shadow:0 0 2vw .5vw #0084ff;flex-direction:column;justify-content:center;align-items:center}.motto h2{height:auto;width:auto;font-size:5vw}#about-end{margin-bottom:5vh}.is-not{color:#eb4343d3}}.experience-div{height:auto;width:auto}@media (max-width:768px){.experience-div{height:auto;width:80vw;border-radius:10px;padding:3vw;background-color:#212121;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto auto}.img-job{height:50vw;width:100%;border-radius:10px;border:1vw solid white;margin-bottom:2vw;grid-column:1/-1}#job{font-size:4.5vw;align-self:center;padding-top:2px}#time{height:auto;width:auto;font-size:4.5vw;grid-column:2/3;grid-row:2/3;display:flex;align-items:center}#time img{height:5vw;width:5vw}#description{height:auto;width:90%;margin-top:10%;font-size:4.5vw;grid-column:1/-1;grid-row:3/3;color:#fff;justify-self:center}}@media (min-width:769px) and (max-width:1024px){.experience-div{height:auto;width:90vw;border-radius:10px;padding:3vw;background-color:#212121;display:grid;grid-template-columns:1fr 2fr;grid-template-rows:auto auto auto}.img-job{height:90%;width:100%;border-radius:10px;border:.3vw solid white;margin-bottom:2vw;grid-column:1/2;grid-row:1/-1;align-self:center}#job{font-size:3.5vw;text-align:start;align-self:center;padding-left:7%;padding-top:2px}#time{height:auto;width:auto;margin-top:5%;padding-left:7%;font-size:3.5vw;grid-column:2/3;grid-row:2/3;display:flex;align-items:center}#time img{height:4vw;width:4vw}#description{height:auto;width:90%;margin-top:10%;padding-left:4%;font-size:2.5vw;grid-column:2/2;grid-row:3/3;color:#fff;justify-self:center}}@media (min-width:1025px) and (max-width:1440px){.experience-div{height:auto;width:90vw;border-radius:10px;padding:3vw;background-color:#212121;display:grid;grid-template-columns:1fr 2fr;grid-template-rows:auto auto auto}.img-job{height:90%;width:100%;border-radius:10px;border:.3vw solid white;margin-bottom:2vw;grid-column:1/2;grid-row:1/-1;align-self:center}#job{font-size:4.5vw;text-align:center;align-self:center;padding-top:2px}#time{height:auto;width:auto;margin-top:5%;padding-left:7%;font-size:4vw;grid-column:2/3;grid-row:2/3;display:flex;align-items:center}#time img{height:4vw;width:4vw}#description{height:auto;width:90%;margin-top:10%;padding-left:4%;font-size:3vw;grid-column:2/2;grid-row:3/3;color:#fff;justify-self:center}}@media (min-width:1441px){.experience-div{height:auto;width:80vw;border-radius:10px;padding:3vw;background-color:#212121;display:grid;grid-template-columns:1fr 2fr;grid-template-rows:auto auto auto}.img-job{height:90%;width:100%;border-radius:10px;border:.3vw solid white;margin-bottom:2vw;grid-column:1/2;grid-row:1/-1;align-self:center}#job{font-size:3.5vw;text-align:start;align-self:center;padding-left:7%;padding-top:2px}#time{height:auto;width:auto;margin-top:5%;padding-left:7%;font-size:3vw;grid-column:2/3;grid-row:2/3;display:flex;align-items:center}#time img{height:3vw;width:3vw}#description{height:auto;width:90%;margin-top:10%;padding-left:4%;font-size:2vw;grid-column:2/2;grid-row:3/3;color:#fff;justify-self:center}}.skills-root{height:auto;width:100%;background-color:#212121;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.skills-root h2{height:auto;width:auto;color:#fff;position:relative;z-index:1}#languages{height:auto;width:auto;color:#3cff00}#soft{height:auto;width:auto;color:#00ffea}#hard{height:auto;width:auto;color:#ff2a2a}@media (max-width:600px){.skills-root h2{margin-top:10vw;margin-bottom:10vw;font-size:10vw}.skills-root h2:after{content:"";height:3px;width:47vw;background-color:#fff;left:0;bottom:0;box-shadow:0 1px 10vw 1vw #fff;position:absolute;z-index:1}#languages,#hard,#soft{margin-bottom:8vw;font-size:6vw;padding:4vw;border-radius:100px;border:.1vw solid white}.skills{height:auto;width:90%;display:grid;grid-template-columns:auto auto;row-gap:3vw;margin-bottom:10vw}}@media (min-width:601px) and (max-width:870px){.skills-root h2{margin-top:10vw;margin-bottom:10vw;font-size:10vw}.skills-root h2:after{content:"";height:3px;width:47vw;background-color:#fff;left:0;bottom:0;box-shadow:0 1px 10vw 1vw #fff;position:absolute;z-index:1}#languages,#hard,#soft{margin-bottom:8vw;font-size:5vw;padding:3vw;border-radius:100px;border:.1vw solid white}.skills{height:auto;width:90%;display:grid;grid-template-columns:auto auto auto;row-gap:3vw;column-gap:1vw;margin-bottom:8vw}}@media (min-width:871px) and (max-width:1024px){.skills-root h2{margin-top:6vw;margin-bottom:6vw;font-size:8vw}.skills-root h2:after{content:"";height:3px;width:37.5vw;background-color:#fff;left:0;bottom:0;box-shadow:0 1px 6vw 1vw #fff;position:absolute;z-index:1}#languages,#hard,#soft{margin-bottom:6vw;font-size:4vw;padding:2vw;border-radius:100px;border:.1vw solid white}.skills{height:auto;width:90%;display:grid;grid-template-columns:repeat(4,auto);justify-content:center;row-gap:3vw;column-gap:1vw;margin-bottom:6vw}}@media (min-width:1025px){.skills-root h2{margin-top:6vw;margin-bottom:6vw;font-size:6vw}.skills-root h2:after{content:"";height:3px;width:28vw;background-color:#fff;left:0;bottom:0;box-shadow:0 1px 3vw .5vw #fff;position:absolute;z-index:1}#languages,#hard,#soft{margin-bottom:6vw;font-size:3vw;padding:2vw;border-radius:100px;border:.1vw solid white}.skills{height:auto;width:90%;display:grid;grid-template-columns:repeat(5,auto);justify-content:center;row-gap:3vw;column-gap:1vw;margin-bottom:6vw}}.skill-div{border-radius:10px;background:linear-gradient(to bottom,#040416,#000);display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.skill-div h3{height:auto;width:auto;color:#fffffff7}.skill-div img{padding:2vw;border-radius:20px;border:.5vh solid rgba(255,255,255,.871);background-color:#424242}@media (max-width:600px){.skill-div{height:50vw;width:40vw}.skill-div img{height:20vw;width:20vw;border:.1vh solid rgba(255,255,255,.871);background-color:#424242}.skill-div h3{font-size:5.5vw;text-align:center}.skill-div label{font-size:4vw;padding-right:33%}.skill-div h4{font-size:5vw}.skill-div h4,label{height:auto;width:auto;color:#fff}}@media (min-width:601px) and (max-width:870px){.skill-div{height:40vw;width:28vw}.skill-div img{height:15vw;width:15vw;border:.1vh solid rgba(255,255,255,.871);background-color:#424242}.skill-div h3{font-size:3.7vw;text-align:center}.skill-div label{font-size:3vw;padding-right:33%}.skill-div h4{font-size:3vw}.skill-div h4,label{height:auto;width:auto;color:#fff}}@media (min-width:871px) and (max-width:1024px){.skill-div{height:30vw;width:22vw}.skill-div img{height:13vw;width:13vw;border:.1vh solid rgba(255,255,255,.871);background-color:#424242}.skill-div h3{font-size:3vw;text-align:center}.skill-div label{font-size:2vw;padding-right:33%}.skill-div h4{font-size:2.5vw}.skill-div h4,label{height:auto;width:auto;color:#fff}}@media (min-width:1025px){.skill-div{height:23vw;width:18vw}.skill-div img{height:10vw;width:10vw;border:.1vh solid rgba(255,255,255,.871);background-color:#424242}.skill-div h3{font-size:2.3vw;text-align:center}.skill-div label{font-size:1.5vw;padding-right:33%}.skill-div h4{font-size:2vw}.skill-div h4,label{height:auto;width:auto;color:#fff}}.projects-root{height:auto;width:100%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;background-color:#313131;color:#f0f8ffe8}@media (max-width:600px){.projects-h4{height:auto;width:80%;font-size:8vw;text-shadow:0 0 4vw yellow;margin-top:10vw;margin-bottom:12vw;text-align:center}}@media (min-width:601px) and (max-width:870px){.projects-h4{height:auto;width:80%;font-size:8vw;text-shadow:0 0 4vw yellow;margin-top:10vw;margin-bottom:12vw;text-align:center}}@media (min-width:871px) and (max-width:1024px){.projects-h4{height:auto;width:80%;font-size:6vw;text-shadow:0 0 4vw yellow;margin-top:8vw;margin-bottom:8vw;text-align:center}}@media (min-width:1025px){.projects-h4{height:auto;width:80%;font-size:5vw;text-shadow:0 0 4vw yellow;margin-top:6vw;margin-bottom:6vw;text-align:center}}.yt-video,.git-repo{box-shadow:0 0 1vw .5vw #000;transition:.1s}.yt-video:hover,.git-repo:hover{box-shadow:0 0 1vw .5vw #f5f5f5;background-color:#000;color:#f0f8ff;transition:.3s}@media (max-width:600px){.project-div{height:auto;width:70vw;background-color:#535353;display:flex;flex-direction:column;align-items:center;justify-content:space-between;border-radius:10px;position:relative;border:.5vw solid white;margin-bottom:12vw}.rank{height:14vw;width:14vw;top:-10vw;left:-10vw;font-size:13vw;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;border:1vw solid white;border-radius:100px;display:flex;justify-content:center;align-items:center;background-color:#3d2fff;position:absolute}.project-div h3{height:auto;width:auto;background-color:#000;padding:1vw;text-align:center;border-radius:10px 10px 0 0;font-size:9vw;width:100%}.project-div h4{height:auto;width:80%;font-size:6vw;margin-top:5vw;margin-bottom:5vw}.tech-stack{height:auto;width:90%;display:grid;grid-template-columns:repeat(3,auto);justify-content:center;column-gap:2vw;row-gap:2vw;margin-bottom:10vw}.tech-used{height:12vw;width:12vw;padding:1vw;justify-self:center;background-color:#f0f8ff;border-radius:100px}.project-links{height:auto;width:100%;margin-bottom:5vw;display:flex;justify-content:space-evenly}.yt-video{height:8vw;width:40%;font-size:4.5vw;display:flex;text-decoration:none;justify-content:space-evenly;align-items:center;color:#000;border:.1vw solid white;background-color:#f0f8ff;border-radius:5px}.yt-video img{height:6vw;width:6vw}.git-repo{height:8vw;width:40%;font-size:4vw;display:flex;text-decoration:none;justify-content:space-evenly;align-items:center;border:.1vw solid white;background-color:#f0f8ff;border-radius:5px;color:#000}.git-repo img{height:5vw;width:5vw;background-color:#f0f8ff;border-radius:100px}}@media (min-width:601px) and (max-width:870px){.project-div{height:auto;width:70vw;background-color:#535353;display:grid;grid-template-columns:1fr 2fr;grid-template-rows:auto auto auto auto;border-radius:10px;border:.5vw solid white;margin-bottom:12vw;position:relative}.rank{height:15vw;width:15vw;font-size:10vw;top:-.1vw;left:-.3vw;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;border:.5vw solid white;border-radius:10px 0 0;display:flex;justify-content:center;align-items:center;background-color:#3d2fff;grid-column:1 / 2;grid-row:1 / 2;position:absolute}.project-div h3{height:15vw;width:55vw;background-color:#000;padding:1vw;display:flex;justify-content:center;align-items:center;text-align:center;border-radius:0 10px 0 0;font-size:6vw;grid-column:2 / 3;grid-row:1 / 2}.project-div h4{width:80%;grid-column:1 / -1;grid-row:2 / 3;font-size:4vw;margin:5vw 10%}.tech-stack{grid-column:1 / -1;grid-row:3 / 4;display:grid;grid-template-columns:repeat(3,auto);justify-content:center;gap:2vw 4vw;margin-bottom:10vw}.tech-used{height:12vw;width:12vw;padding:1vw;justify-self:center;background-color:#f0f8ff;border-radius:100px}.project-links{grid-column:1 / -1;grid-row:4 / 5;display:flex;justify-content:space-evenly;margin-bottom:5vw}.yt-video,.git-repo{height:8vw;width:40%;font-size:4vw;display:flex;justify-content:space-evenly;align-items:center;color:#000;border:.1vw solid white;background-color:#f0f8ff;border-radius:5px;text-decoration:none}.yt-video img,.git-repo img{height:6vw;width:6vw}}@media (min-width:871px) and (max-width:1024px){.project-div{height:auto;width:70vw;background-color:#535353;display:grid;grid-template-columns:1fr 2fr;grid-template-rows:auto auto auto auto;border-radius:10px;border:.5vw solid white;margin-bottom:12vw;position:relative}.rank{height:15vw;width:15vw;font-size:10vw;top:-.1vw;left:-.3vw;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;border:.5vw solid white;border-radius:10px 0 0;display:flex;justify-content:center;align-items:center;background-color:#3d2fff;grid-column:1 / 2;grid-row:1 / 2;position:absolute}.project-div h3{height:15vw;width:55vw;background-color:#000;padding:1vw;display:flex;justify-content:center;align-items:center;text-align:center;border-radius:0 10px 0 0;font-size:6vw;grid-column:2 / 3;grid-row:1 / 2}.project-div h4{width:80%;grid-column:1 / -1;grid-row:2 / 3;font-size:4vw;margin:5vw 10%}.tech-stack{grid-column:1 / -1;grid-row:3 / 4;display:grid;grid-template-columns:repeat(4,auto);justify-content:center;gap:2vw;margin-bottom:10vw}.tech-used{height:10vw;width:10vw;padding:1vw;justify-self:center;background-color:#f0f8ff;border-radius:100px}.project-links{grid-column:1 / -1;grid-row:4 / 5;display:flex;justify-content:space-evenly;margin-bottom:5vw}.yt-video,.git-repo{height:6vw;width:35%;font-size:3vw;display:flex;justify-content:space-evenly;align-items:center;color:#000;border:.1vw solid white;background-color:#f0f8ff;border-radius:5px;text-decoration:none}.yt-video img,.git-repo img{height:5vw;width:5vw}}@media (min-width:1025px){.project-div{height:auto;width:60vw;background-color:#535353;display:grid;grid-template-columns:1fr 2fr;grid-template-rows:auto auto auto auto;border-radius:10px;border:.5vw solid white;margin-bottom:5vw;position:relative}.rank{height:7vw;width:10vw;font-size:6vw;top:-.05vw;left:-.3vw;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;border:.3vw solid white;border-radius:10px 0 0;display:flex;justify-content:center;align-items:center;background-color:#3d2fff;grid-column:1 / 2;grid-row:1 / 2;position:absolute}.project-div h3{height:7vw;width:50vw;background-color:#000;padding:1vw;display:flex;justify-content:center;align-items:center;text-align:center;border-radius:0 10px 0 0;font-size:4vw;grid-column:2 / 3;grid-row:1 / 2}.project-div h4{width:80%;grid-column:1 / -1;grid-row:2 / 3;font-size:2vw;margin:4vw 10%}.tech-stack{grid-column:1 / -1;grid-row:3 / 4;display:grid;grid-template-columns:repeat(6,auto);justify-content:center;row-gap:3vw;column-gap:1vw;margin-bottom:5vw}.tech-used{height:5.5vw;width:5.5vw;padding:1vw;justify-self:center;background-color:#f0f8ff;border-radius:100px}.project-links{grid-column:1 / -1;grid-row:4 / 5;display:flex;justify-content:space-evenly;margin-bottom:5vw}.yt-video,.git-repo{height:4vw;width:20%;font-size:1.5vw;display:flex;justify-content:space-evenly;align-items:center;color:#000;border:.1vw solid white;background-color:#f0f8ff;border-radius:5px;text-decoration:none}.yt-video img,.git-repo img{height:3vw;width:3vw}}.contact-root{height:auto;width:100%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;background-color:#212121;color:#f0f8ffe8}@media (max-width:600px){.contact-root h2{height:auto;width:80%;font-size:6vw;margin-top:10vw;margin-bottom:10vw;text-shadow:0 0 2vw orange}.contacts{height:auto;width:80%;font-size:4vw;padding:5vw;border:1vw solid white;margin-bottom:10vw;box-shadow:0 0 4vw .5vw orange;display:flex;flex-direction:column;justify-content:space-evenly;align-items:start}.contacts p{height:auto;width:auto;font-size:3vh;padding:0 .5vw}#gmail img,#linkedin img,#phone img{height:10vw;width:10vw}#gmail,#linkedin,#phone{height:auto;width:90%;display:flex;justify-content:start;align-items:center;margin-top:2vw;margin-bottom:2vw}#linkedin a{height:auto;width:80%;color:#fff;text-decoration:none;word-wrap:break-word}#gmail{height:auto;width:100%;color:#fff;text-decoration:none;word-wrap:break-word;font-size:4.5vw;word-break:break-all;white-space:normal}#else{margin-top:5vw;margin-bottom:2vw;padding:2vw;font-size:4.5vw;border:.5vw solid white}}@media (min-width:601px) and (max-width:870px){.contact-root h2{height:auto;width:80%;font-size:4vw;margin-top:7vw;margin-bottom:7vw;text-align:center;text-shadow:0 0 2vw orange}.contacts{height:auto;width:75%;font-size:2.5vw;padding:4vw;margin-bottom:10vw;border:.5vw solid white;box-shadow:0 0 4vw .5vw orange;display:flex;flex-direction:column;justify-content:space-evenly;align-items:start}.contacts p{height:auto;width:auto;font-size:3vw;padding:0 .5vw}#gmail img,#linkedin img,#phone img{height:5vw;width:5vw}#gmail,#linkedin,#phone{height:auto;width:90%;display:flex;justify-content:start;align-items:center;margin-top:1vw;margin-bottom:2vw}#linkedin a{height:auto;width:auto;color:#fff;text-decoration:none;word-wrap:break-word}#linkedin a:hover{height:auto;width:auto;color:#4a9dfc;transition:.1s;text-align:0 0 1vw white}#gmail{height:auto;width:90%;color:#fff;text-decoration:none;word-wrap:break-word;font-size:3vw}#else{margin-top:1vw;margin-bottom:1vw;font-size:3vw;padding:2vw;border:.5vw solid white}}@media (min-width:871px) and (max-width:1024px){.contact-root h2{height:auto;width:80%;font-size:4vw;margin-top:7vw;margin-bottom:7vw;text-align:center;text-shadow:0 0 2vw orange}.contacts{height:auto;width:75%;font-size:2.5vw;padding:4vw;margin-bottom:10vw;border:.5vw solid white;box-shadow:0 0 4vw .5vw orange;display:flex;flex-direction:column;justify-content:space-evenly;align-items:start}.contacts p{height:auto;width:auto;font-size:3vw;padding:0 .5vw}#gmail img,#linkedin img,#phone img{height:5vw;width:5vw}#gmail,#linkedin,#phone{height:auto;width:90%;display:flex;justify-content:start;align-items:center;margin-top:1vw;margin-bottom:2vw}#linkedin a{height:auto;width:auto;color:#fff;text-decoration:none;word-wrap:break-word}#linkedin a:hover{height:auto;width:auto;color:#4a9dfc;transition:.1s;text-align:0 0 1vw white}#gmail{height:auto;width:90%;color:#fff;text-decoration:none;word-wrap:break-word;font-size:3vw}#else{margin-top:1vw;margin-bottom:1vw;font-size:2.5vw;padding:2vw;border:.5vw solid white}}@media (min-width:1025px){.contact-root h2{height:auto;width:80%;font-size:4vw;margin-top:7vw;margin-bottom:7vw;text-align:center;text-shadow:0 0 2vw orange}.contacts{height:auto;width:75%;font-size:2.5vw;padding:4vw;margin-bottom:10vw;border:.5vw solid white;box-shadow:0 0 4vw .5vw orange;display:flex;flex-direction:column;justify-content:space-evenly;align-items:start}.contacts p{height:auto;width:auto;font-size:3vw;padding:0 .5vw}#gmail img,#linkedin img,#phone img{height:5vw;width:5vw}#gmail,#linkedin,#phone{height:auto;width:90%;display:flex;justify-content:start;align-items:center;margin-top:1vw;margin-bottom:2vw}#linkedin a{height:auto;width:auto;color:#fff;text-decoration:none;word-wrap:break-word}#linkedin a:hover{height:auto;width:auto;color:#4a9dfc;transition:.1s;text-align:0 0 1vw white}#gmail{height:auto;width:90%;color:#fff;text-decoration:none;word-wrap:break-word;font-size:3vw}#else{margin-top:1vw;margin-bottom:1vw;font-size:2vw;padding:2vw;border:.5vw solid white}}.root-div{height:auto;width:100%;background-color:#212121}
