@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;700&display=swap";body{margin:0;padding:0;width:100vw;height:100vh;background-color:#fcc;color:#4e3e51;font-family:Fredoka;overflow-x:hidden}div#content{width:100vw;height:100%;box-sizing:border-box;padding:5rem 10vw 0 10vw}.topbar-container{position:fixed;top:0;left:0;width:100%;background-color:#fff;color:#4e3e51;padding:10px;z-index:9999;border-bottom:1px solid #000;height:1.5rem}.topbar{display:flex;justify-content:space-between;align-items:center}.topbar ul{display:flex;list-style-type:none;margin:0 auto;padding:0}.topbar li{margin:0 30px;cursor:pointer;transform:translate(0);transition:all .2s}.topbar li:hover{transform:translate(2px,-2px)}.topbar a{color:#4e3e51;text-decoration:underline;font-weight:500}div#landing{width:100%;height:100%;background-color:#fff;border:1px solid #000;display:flex;flex-direction:row}div#landing #landing-content{width:50%;height:100%;box-sizing:border-box;padding:2rem}div#landing #landing-image{width:50%;height:100%}div#landing-head h1{margin:0;font-size:3rem}div#landing-head h2{margin:0;font-weight:400;font-size:2rem}div#landing-about{margin-top:5rem;font-size:1.5rem;color:#846c88}div#landing-buttons{margin-top:5rem}div#landing-btn-first{display:flex;flex-direction:row;justify-content:space-around}div#landing-btn-second{margin-top:2rem;display:flex;flex-direction:row;justify-content:space-around}div#landing-image{height:100%;width:100%;display:flex;justify-content:center;align-items:center}div#landing-image img{width:40vw;height:40vw}.button{margin:0 1rem;width:14vw;border-radius:10px;height:3.5rem;font-size:1.5rem;display:flex;justify-content:center;align-items:center;transform:translate(0);transition:all .2s;cursor:pointer}.button{position:relative;z-index:50}.button:hover{transform:translate(5px,-5px);box-shadow:0 0 #463f76,-5px 5px #463f76}.button a,.button p{margin:0;text-decoration:none}div#about-content{margin-top:10vh;width:100%;height:100%;display:flex;flex-direction:column}div#about-row-first{width:100%;height:100%;display:grid;grid-template-columns:1fr .7fr;grid-template-rows:1fr;grid-column-gap:50px;grid-row-gap:1px}div#aboutme,div#aboutlan{width:100%;height:100%;background-color:#fff;border:1px solid #000;box-sizing:border-box;padding:2rem}div#aboutme h1{font-size:3rem;margin:0}div#aboutme p{margin:2rem 0 0;font-size:1.5em}div#aboutlan{display:flex;justify-content:center;align-items:center}div#aboutlan img{height:100%;width:80%}div#about-row-second{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;grid-column-gap:50px;grid-row-gap:0px}div#about-row-second div{margin-top:2rem;width:100%;height:100%;background-color:#fff;border:1px solid #000;box-sizing:border-box;padding:1rem 1rem 0}div#about-row-second div h2{margin:0}div#about-row-second div ul li{margin:1rem 0}#project{margin-top:11vh;width:100%;height:100%;background-color:#fff;border:1px solid #000;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;grid-column-gap:10px;grid-row-gap:0px}div#project-content{box-sizing:border-box;height:100%;width:100%;padding:2rem;display:flex;flex-direction:column}div#project-content h1{margin:0;font-size:2.7rem}div#project-content h2{margin:0;font-weight:400;font-size:2rem}div#project-content p#project-description{margin:2rem 0 0;font-size:1.3em}div#project-content div#projectbtn{margin:2rem auto 0}div#project-multimedia{display:flex;flex-direction:column;box-sizing:border-box;padding:1rem}div#project-control{margin:15% auto 0;display:flex;flex-direction:row}div#project-multimedia img{margin:0 auto;border-radius:10px;width:100%;height:100%}div#contact{margin-top:10vh;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;grid-column-gap:50px;grid-row-gap:0px}div#contact-info{background-color:#fff;border:1px solid #000;box-sizing:border-box;padding:1rem}div#contact-info h2{margin:0;font-size:2rem}div#contact-info p{margin:0;font-size:1.3rem}div#contact-right{display:flex;flex-direction:column}div#contact-right div.contact{background-color:#fff;border:1px solid #000;box-sizing:border-box;padding:1rem;margin:0 0 1rem;transform:translate(0);transition:all .2s;cursor:pointer}div#contact-right div.contact:hover{transform:translate(5px,-5px);box-shadow:0 0 #463f76,-5px 5px #463f76}div#contact-right div.contact div.contact-top{display:flex;flex-direction:row;align-items:center}div#contact-right div.contact div.contact-top h2{margin:0;font-size:2rem}div#contact-right div.contact div.contact-top img{margin-left:auto;width:2rem;filter:invert(.2)}div#contact-right div.contact p{margin:0;font-size:1rem;text-decoration:underline}div#footer{margin-top:10vh;display:flex;flex-direction:row;justify-content:space-between;background-color:#fff;border-top:1px solid #000;box-sizing:border-box;padding:0 2rem}