body{background-color:#4b4554}.nav{position:fixed;top:0;width:100%;z-index:1000}.closed{color:#fff;font-family:Roboto,sans-serif;margin-top:10%;margin-inline:auto;text-align:center}.posts{display:flex;flex-direction:row;margin-top:4%;padding:4%;justify-content:space-evenly;transition:margin-top 1s ease,padding 1s ease}.post{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;height:400px;width:400px;border-radius:10%;overflow:hidden;text-decoration:none;background:#dca6fc;box-shadow:8px 10px 14px #000c;font-family:Roboto,sans-serif;text-align:center;transition:height 1s ease,width 1s ease}.post:hover{cursor:pointer;transform:scale(1.02)}.cardImageContainer{display:flex}.cardImage{width:100%;height:auto}.cardTitle{font-size:x-large;font-weight:800;transition:font-size 1s ease,font-weight 1s ease}.previewContainer{height:50%;margin-inline:8%}.cardPreview{margin-top:2%;color:#0000007e;font-weight:90px;font-size:16px;transition:font-size 3s ease}@media screen and (max-width: 1300px){.posts{margin-top:4%}.post{height:300px;width:300px}.cardTitle{font-size:large;font-weight:800}.cardPreview{font-size:12px}}@media screen and (max-width: 1100px){.posts{margin-top:6%}}@media screen and (max-width: 800px){.posts{margin-top:8%}}@media screen and (max-width: 700px){.post{height:200px;width:200px}.cardTitle{font-size:12px;font-weight:800}.cardPreview{font-size:8.5px}}@media screen and (max-width: 600px){.posts{margin-top:9%}}@media screen and (max-width: 520px){.posts{margin-top:11%}}@media screen and (max-width: 500px){.posts{margin-top:12%;padding:4%;flex-direction:column;justify-content:center;align-items:center}.post{height:250px;width:250px;margin-bottom:5%;margin-top:2.5%}.cardTitle{font-size:14px;font-weight:800}.cardPreview{font-size:10.5px}}.projects{display:flex;flex-direction:column;background-color:#4a4453;color:#dbdae8;padding-top:1%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.projects span{box-shadow:inset 0 -.15em #fa49bf}.projects h1{transition:font-size .6s ease;font-size:65px;padding-left:14%}.projects h2{transition:font-size .6s ease;font-size:40px;padding-left:1%}.projects h3{transition:font-size .6s ease;font-size:30px;padding-left:1%;font-weight:200}.projectlist{padding-inline:7.5%;padding-top:1%}.project{display:flex;flex-direction:row;align-items:center;padding-bottom:6%}.iframeContainer{width:768px;height:432px;transition:width .6s ease,height .6s;overflow:hidden;border:6px solid #1a191b;border-radius:10px;box-shadow:4px 6px 12px #000}.wip{width:100%;height:100%}.projectlist iframe{width:100%;height:100%;border:none;border-radius:4px}.links{margin-inline:auto;display:flex;flex-direction:column;transition:padding-left .6s ease;align-items:center}.links a{color:#dbdae8;font-weight:800;font-size:40px;text-decoration:underline;padding-bottom:20%;text-decoration-color:#fa49bf;text-underline-offset:30px;transition:font-size .6s ease,transform .6s ease,text-decoration-color .6s ease}.links a:hover{transform:scale(1.05);text-decoration-color:#00ffbf}@media screen and (max-width: 1670px){.projects h1{font-size:60px}.projects h2{font-size:35px}.projects h3{transition:font-size .6s ease;font-size:25px;padding-left:1%}}@media screen and (max-width: 1500px){.links{padding-left:4%}.links a{font-size:30px;text-underline-offset:25px}}@media screen and (max-width: 1300px){.projects h1{padding:0;margin-inline:auto;font-size:55px}.projects h2{font-size:30px}.projects h3{transition:font-size .6s ease;font-size:20px;padding-left:1%}.projects span{margin-inline:auto}.links a{font-size:30px}.iframeContainer{width:600px;height:350px}}@media screen and (max-width: 1140px){.links a{font-size:25px}.iframeContainer{width:515px;height:300px}}@media screen and (max-width: 940px){.iframeContainer{width:410px;height:230px}}@media screen and (max-width: 800px){.iframeContainer{width:350px;height:200px;border:4px solid #1a191b;box-shadow:2px 4px 6px #000}.links a{font-size:20px}}@media screen and (max-width: 670px){.projects h1{font-size:45px}.projects h2{font-size:20px}.projects h3{transition:font-size .6s ease;font-size:12px;padding-left:1%}.iframeContainer{width:300px;height:150px;box-shadow:1px 1px 2px #000;border:2px solid #1a191b}.links a{font-size:20px}}@media screen and (max-width: 575px){.iframeContainer{width:200px;height:110px}.links a{font-size:15px;text-underline-offset:15px}}@media screen and (max-width: 420px){.iframeContainer{width:160px;height:100px}.links a{font-size:12.5px}}@media screen and (max-width: 390px){.projects h1{font-size:35px}.projects h2{font-size:15px}.projects h3{transition:font-size .6s ease;font-size:9px;padding-left:1%}}@media screen and (max-width: 336px){.iframeContainer{width:145px;height:80px}.links a{font-size:12.5px}}.aboutme{display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#4a4453;padding-top:7%;padding-bottom:3%;color:#dbdae8}.techstack{display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:20px;grid-row-gap:20px}.techcard{display:flex;background-color:#6c5a79;margin-left:90%;border-radius:10%;height:150px;width:150px;transition:width .6s ease,height .6s ease}.techcard img{width:60%;margin:auto}.aboutmeText{font-size:22px;margin-left:15%;transition:font-size .6s ease}.aboutmeText p{color:#fff;width:65%;font-weight:400;line-height:1.6}.aboutmeText h1{font-size:65px;transition:font-size .6s ease}.aboutmeText span{box-shadow:inset 0 -.15em #fa49bf}@media screen and (max-width: 1670px){.aboutmeText{font-size:21px}.aboutmeText h1{font-size:60px}.techcard{height:125px;width:125px}}@media screen and (max-width: 1500px){.aboutmeText{font-size:20px}.techcard{height:112.5px;width:112.5px}}@media screen and (max-width: 1300px){.aboutme{flex-direction:column;align-items:center;justify-content:center;margin-top:-6%}.aboutmeText{margin:auto;text-align:center;padding-bottom:3%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;font-size:18px}.aboutmeText h1{font-size:55px}.aboutmeText p{margin-top:0%}.techcard{margin:auto;height:100px;width:100px}}@media screen and (max-width: 670px){.aboutmeText{font-size:15px}.aboutmeText p{margin-top:0%}.aboutmeText h1{font-size:45px}.techcard{height:75px;width:75px}}@media screen and (max-width: 390px){.aboutmeText{font-size:12.5px}.aboutmeText p{margin-top:-1%}.aboutmeText h1{font-size:35px}.techcard{height:52.5px;width:52.5px}}.homecontent{display:grid;grid-template-columns:6fr 1.5fr;grid-template-rows:repeat(4,.2fr);grid-column-gap:0px;grid-row-gap:0px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#312842;padding-inline:2%;padding-top:3%;padding-bottom:3%;color:#dbdae8}.intro{grid-area:1/1/2/2;font-size:85px;padding-top:6%;margin-bottom:-4%;transition:font-size .6s ease}.picContainer{grid-area:1/2/4/3;width:500px;height:auto;padding-left:10%;margin-top:25%;transition:margin .6s ease,width .6s ease,max-width .6s ease}.intropic{object-fit:contain;width:100%;height:auto}.introSummary{grid-area:3 / 1 / 4 / 2;font-size:26px;width:80%;padding-bottom:2%;transition:font-size .6s ease}.texts{grid-area:2 / 1 / 3 / 2;transition:font-size .6s ease;font-size:74px;margin-bottom:0%}.getInTouch{grid-area:4 / 1 / 5 / 2;width:140px;height:60px;background-color:#5c5c8b;display:flex;flex-direction:row;justify-content:center;align-items:center;border-color:#5a5b85;border-width:2px;border-radius:10%;color:#dbdae8;transition:background-color .7s ease,color .7s ease,width .6s ease,font-size .6s ease;cursor:pointer}.getInTouch:hover{background-color:#988fa8;color:#fff}.getInTouch .contactme{font-weight:400;font-size:16px;font-family:Arial,Helvetica,sans-serif}@media screen and (max-width: 1670px){.intro{font-size:80px}.introSummary{font-size:23px}.texts{font-size:65px}.picContainer{height:auto;padding-left:0%;margin-left:20%}}@media screen and (max-width: 1600px){.intro{font-size:80px}.introSummary{font-size:23px}.texts{font-size:65px}.picContainer{width:425px;height:auto;padding-left:0%;margin-left:20%;margin-top:25%}}@media screen and (max-width: 1500px){.homecontent{padding-top:3%}.intro{font-size:70px}.introSummary{font-size:23px}.texts{font-size:55px}}@media screen and (max-width: 1400px){.homecontent{padding-top:6%}.intro{font-size:70px}.introSummary{font-size:20px}.texts{font-size:53px}.picContainer{width:400px;height:auto;padding-left:0%;margin-left:30%;margin-top:25%}}@media screen and (max-width: 1300px){.homecontent{align-items:center;justify-content:center;display:flex;flex-direction:column;padding-bottom:20%;text-align:center;padding-top:0%}.picContainer{width:auto;max-width:500px;height:auto;padding-left:0;margin-bottom:0;margin-top:9%;max-width:350px;margin-left:0}.introSummary{font-size:20px;width:80%}.intro{font-size:55px;padding-top:0%;margin-bottom:0%}.texts{font-size:45px;padding-bottom:.5%}.getInTouch{width:140px;height:60px}}@media screen and (max-width: 1000px){.picContainer{margin-top:14%;max-width:325px}.texts{font-size:45px}.intro{font-size:55px}.introSummary{font-size:19px}.getInTouch{width:130px;height:55px}.getInTouch .contactme{font-size:15px}}@media screen and (max-width: 670px){.picContainer{margin-top:18%;max-width:300px}.texts{font-size:40px}.intro{font-size:50px}.introSummary{font-size:18px}.getInTouch{width:120px;height:50px}.getInTouch .contactme{font-size:14px}}@media screen and (max-width: 452px){.picContainer{margin-top:30%;max-width:200px}.texts{font-size:30px}.intro{font-size:45px}.introSummary{font-size:15px}.getInTouch{width:110px;height:50px}.getInTouch .contactme{font-size:12px}}@media screen and (max-width: 390px){.picContainer{margin-top:30%;max-width:200px}.texts{font-size:25px}.intro{font-size:35px}.introSummary{font-size:12.5px}.getInTouch{width:100px;height:40px}.getInTouch .contactme{font-size:11px}}.contact{background-color:#4a4453;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#dbdae8;padding-bottom:15%;padding-top:4%}.contact h2{padding-bottom:10%;padding-top:5%}.contact h1{font-size:65px;transition:font-size .6s ease}.title span{box-shadow:inset 0 -.15em #fa49bf}.formContainer{display:flex;flex-direction:column;justify-content:center;width:550px;height:auto;padding:15px;border-radius:10px;background-color:#0a082b00;transition:width .6s ease,height .6s ease}.formContainer #inputForm{height:40px;margin-top:2px;margin-bottom:2px;border:2px solid rgba(128,128,128,0);background-color:#0f021d8f;border-radius:5px;padding-left:10px;font-size:16px;font-weight:100;transition:font-size .6s ease,height .6s ease;color:#ffffffce}.formContainer #location{display:none}.contactlinkcontainer{display:flex;flex-direction:column;justify-content:center;align-items:center}.formContainer span{color:#fff;font-size:14px;padding-top:2px;padding-left:2px;font-weight:100;transition:font-size .6s ease}.linkedinlink2{color:#fff;font-size:17px;font-weight:100;transition:font-size .6s ease;text-decoration:none;margin-top:5%}.formContainer #messageForm{transition:height .6s ease,font-size .6s ease;height:180px;margin-top:2px;margin-bottom:2px;border:2px solid rgba(128,128,128,0);background-color:#0f021d8f;border-radius:5px;padding-left:10px;font-size:16px;font-weight:100;color:#ffffffce}.formContainer button{margin-top:4px;font-size:16px;height:45px;border:none;background-color:#5c5c8b;transition:background-color .7s ease,color .7s ease,width .6s ease,height .6s ease,font-size .6s ease;border-radius:5px;color:#c9c9ca}.formContainer button:hover{cursor:pointer;color:#fff;background-color:#988fa8}@media screen and (max-width: 1670px){.contact h1{font-size:60px}.formContainer{width:525px}.formContainer #inputForm{height:40px;font-size:16px}.formContainer span{font-size:14px}.formContainer #messageForm{height:180px;font-size:16px}.formContainer button{font-size:16px;height:45px}}@media screen and (max-width: 1300px){.contact h1{font-size:55px}.formContainer{width:425px}.formContainer #inputForm{height:30px;font-size:14px}.formContainer span{font-size:12px}.linkedinlink2{font-size:15px}.formContainer #messageForm{height:160px;font-size:14px}.formContainer button{font-size:14px;height:35px}}@media screen and (max-width: 670px){.contact h1{font-size:45px}.formContainer{width:290px}.formContainer #inputForm{height:26px;font-size:11px}.formContainer span{font-size:9px}.linkedinlink2{font-size:12px}.formContainer #messageForm{height:120px;font-size:11px}.formContainer button{font-size:11px;height:30px}}@media screen and (max-width: 390px){.contact h1{font-size:35px}.formContainer{width:220px}.formContainer #inputForm{height:18px;font-size:9px}.formContainer span{font-size:7px}.linkedinlink2{font-size:10px}.formContainer #messageForm{height:80px;font-size:9px;margin-top:2px}.formContainer button{font-size:9px;height:22px}}.aboutme,.projects{font-size:50px}.homecontent{margin-bottom:-5%}body{margin:0;padding:0}.article{margin:6.5% 20% 5%;border-radius:25px;line-height:1.6;font-family:Arial,sans-serif;background-color:#222;transition:margin-top .6s ease-in-out}.articleContainer{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-left:5%;margin-right:5%}.articleContent{color:#dbd6d6;max-width:100%;max-height:100%;margin-bottom:2%}.articleContent p{transition:font-size .6s ease;text-indent:2em}.articleContent h3{transition:font-size .6s ease}.articleContent a,.articleContent li{color:#dbd6d6;transition:font-size .6s ease;text-indent:2em}.imageContainer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;overflow:hidden;padding-bottom:2%;max-width:100%}.articleImage{object-fit:contain;aspect-ratio:3/1;transition:aspect-ratio .6s ease}.title{color:#f8f5f8;font-size:40px;text-align:center;transition:font-size .6s ease}@media screen and (max-width: 1450px){.article{margin-top:8%}.title{font-size:34px}.articleContent h3{font-size:18px}.articleContent p,.articleContent a,.articleContent li{font-size:16px}.articleImage{object-fit:contain;aspect-ratio:3.5/1}}@media screen and (max-width: 1150px){.article{margin-top:10%}.title{font-size:30px}.articleContent h3{font-size:16px}.articleContent p,.articleContent a,.articleContent li{font-size:14px}.articleImage{object-fit:contain;aspect-ratio:4/1}}@media screen and (max-width: 850px){.article{margin-top:12%}.title{font-size:18px}.articleContent h3{font-size:14px}.articleContent p,.articleContent a,.articleContent li{font-size:12px}.articleImage{object-fit:contain;aspect-ratio:6/1}}@media screen and (max-width: 700px){.article{margin-top:14%}}@media screen and (max-width: 600px){.article{margin-top:16%}.title{font-size:14px}.articleContent h3{font-size:10px}.articleContent p,.articleContent a,.articleContent li{font-size:8px}.articleImage{object-fit:contain;aspect-ratio:9/1}}@media screen and (max-width: 520px){.article{margin-top:18%}}@media screen and (max-width: 420px){.article{margin-top:20%}.title{font-size:12px}.articleContent h3{font-size:8px}.articleContent p,.articleContent a,.articleContent li{font-size:6px}.articleImage{object-fit:contain;aspect-ratio:11.8/1}}.navBar{padding-top:1%;padding-bottom:1%;height:54px;width:100%;display:flex;justify-content:space-between;align-items:center;background-color:#605572;transition:height .5s ease;box-shadow:0 4px 8px #0006;box-sizing:border-box;flex-wrap:nowrap}.link-styles{display:flex;justify-content:center;align-items:center;flex-grow:1}.link,.contactme{color:#ced0e3;text-decoration:none;font-size:18px;font-family:Lato,sans-serif;padding-inline:25px;transition:font-size .6s ease-in-out,padding-inline .6s ease-in-out;flex-shrink:0}.link:focus,.contactme:focus{color:#f0f0ff}.linkedinContainer{width:25px;height:25px;justify-content:center;align-items:center;display:flex;padding-right:2%;transition:width .6s ease,height .6s ease}.linkedinlink img{max-height:100%;max-width:100%}@media screen and (max-width: 670px){.link,.contactme{font-size:14px;padding-inline:15px}.linkedinContainer{width:22px;height:22px}}@media screen and (max-width: 490px){.link,.contactme{font-size:12px;padding-inline:10px}.linkedinContainer{width:18px;height:18px}}@media screen and (max-width: 390px){.link,.contactme{font-size:10px;padding-inline:8px}.navBar{height:40px}}