:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color:#ffffffde}a{color:#ccc;text-decoration:inherit}a:hover{color:#ee6c4d}body::-webkit-scrollbar{display:none}body{margin:0;min-width:280px;min-height:300px;height:100%}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}#root{text-align:center}.header{text-align:center;padding-left:1em;padding-right:1em;display:flex;justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:1;overflow:hidden}ul{list-style-type:none;display:flex}ul li{margin:1em;font-size:large}li a{font-weight:500;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;letter-spacing:2px}.titlePage{font-family:sans-serif;font-weight:100;letter-spacing:10px}@media (max-width: 480px){ul{display:none}li a{font-weight:100;font-family:sans-serif}.title{font-family:sans-serif;font-weight:100;letter-spacing:2px;font-size:35px}.header{text-align:center;display:flex;justify-content:space-between;padding-left:1em;position:fixed;padding-right:1em;top:0;left:0;right:0}}.hamburger{margin-top:16px;visibility:hidden}.dropDownMenu{background-color:#9a8c98;border-radius:3px;list-style-type:none;text-align:left;visibility:hidden}.dropDownMenu li{padding-top:8%;padding-bottom:8%;font-size:small}@media (max-width: 480px){.hamburger,.dropDownMenu{visibility:visible}}.aboutMePanel{text-align:center;justify-content:center;margin-top:13%;border-radius:2em;letter-spacing:2px;font-size:100%}.techStackPanel{display:flex;justify-content:center;justify-content:space-evenly;column-count:2em 2}.techStackOuterPanel{background-color:#4a4e69;display:flex;flex-direction:column;padding:1em;width:fit-content;border-radius:1em;margin:auto}.TechStackTitle{font-weight:500;font-size:xx-large}.aboutMePanel h1{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;margin-bottom:4;font-size:xxx-large}.aboutMePanel h2{margin-top:0;font-size:75px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;margin-bottom:0}.aboutMeInnerPanel{width:auto;text-align:left;margin-left:35em;margin-right:35em}.aboutMePanel span{font-weight:100;font-size:50px;margin-top:0}.techStackElement{background-color:#9a8c98;padding:.5em 1em;border-radius:2em;margin:.35em;color:#fff;font-size:small;font-family:Verdana,Geneva,Tahoma,sans-serif}@media (max-width: 400px){.aboutMePanel{text-align:center;display:flex;margin-top:25%;flex-direction:column;padding:1em;margin-left:0;margin-right:0;border-radius:0;width:auto}.aboutMeInnerPanel p1{font-size:15px;line-height:0}.aboutMeInnerPanel{margin-left:0;margin-right:0}.techStackElement{border-radius:.5em;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:xx-small;padding:.075em;margin:auto}.techStackOuterPanel{display:flex;flex-direction:column;width:fit-content;border-radius:1em;margin:auto}}@media (max-device-width: 480px) and (min-device-width: 400px){.aboutMePanel{text-align:center;display:flex;justify-content:center;margin-top:45%;flex-direction:column;padding:1em;margin-left:0;margin-right:0;border-radius:0;width:auto}.aboutMeInnerPanel{margin-left:0;margin-right:0}.techStackElement{border-radius:.5em;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:xx-small;padding:.3em;margin:auto}.techStackOuterPanel{display:flex;flex-direction:column;width:fit-content;border-radius:1em;margin:auto}}.homePanel{margin-top:13%;border-radius:2em;letter-spacing:2px;width:100vw}.a{line-height:200px;padding:.75em 1.5em;border-radius:30px;background-color:#9a8c98;font-weight:500;font-size:large;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff}.homePanel h1{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:100;margin-bottom:0}.homePanel h2{font-size:100px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;margin:0 1em}.homePanel span{font-weight:100;font-size:50px;margin-top:0}@media (max-width: 480px){.homePanel{margin-top:70%}.homePanel h1{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:100;font-size:30px}.homePanel h2{font-size:25px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;margin-right:3em;margin-left:3em}.homePanel div{margin-top:1em}.homePanel span{font-weight:100;font-size:15px;margin-top:0}}.projectPanel{text-align:center;display:flex;justify-content:center;margin-top:11%;flex-direction:column;border-radius:2em;letter-spacing:4px;font-size:100%;width:100vw}.projectPanel h1{margin-bottom:5%;font-size:xxx-large;font-weight:400}.project{background-color:#4a4e69;border-color:#011627;border-style:solid;padding:.5em;border-radius:.5em;margin:.5em;transition:all;transition-duration:.1s;letter-spacing:.075em;font-weight:300;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.project img{border-radius:20px;width:200px;height:200px}.project p{letter-spacing:.03em;color:#f2e9e4}.project h2{font-weight:500;font-size:xx-large;color:#f2e9e4}#projectContainer{display:grid;grid-template-columns:repeat(3,1fr)}.project p{max-height:80px;min-height:80px}.project a{border-radius:10px;background-color:#9a8c98;font-weight:400;letter-spacing:0;padding:.2em 1em}@media (max-width: 480px){.projectPanel{text-align:center;display:flex;justify-content:center;margin-top:15%;flex-direction:column;margin-left:0;margin-right:0;border-radius:0}.project img{border-radius:20px;width:200px;height:200px}.project p{letter-spacing:0em;font-size:small}#projectContainer{display:grid;grid-template-columns:repeat(1,1fr);gap:20px}}