@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Comfortaa:wght@300..700&display=swap";body{font-family:Comfortaa,sans-serif;min-height:100%;display:flex;flex-direction:column}main{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;width:100%;padding-top:5rem;box-sizing:border-box;text-align:center}.about-me-container{max-width:1200px;margin:0 auto;padding:2rem;display:flex;flex-direction:row;align-items:center;gap:2rem;flex-wrap:wrap}.about-me-image{max-width:40%;min-width:250px;height:auto;border-radius:20px;box-shadow:0 4px 12px #0000001a}.about-me-container p{flex:1;font-size:1.2rem;color:#666;text-align:justify}@media screen and (max-width: 768px){.about-me-container{flex-direction:column;text-align:center}.about-me-image{max-width:80%}.about-me-container p{font-size:1rem;text-align:justify}}.navbar{width:100%;background-color:beige;position:fixed;text-align:center;top:0;left:0;box-shadow:0 2px 4px #0000001a;z-index:1000}.navbar-content{list-style-type:none;margin:0;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:60px}.navbar-content h2{margin:0}.navbar-content li{display:inline}.navbar h2 a{text-decoration:none;color:inherit;cursor:pointer}.navbar-content li a{display:block;color:#000;padding:14px 20px;text-decoration:none;transition:background-color .3s,color .3s;font-size:16px;border-radius:50px}.navbar-content li a:hover{background-color:#8b5e3c;color:#fff}@media screen and (max-width: 600px){.navbar-content li{display:none}}