@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";html{width:100%}a{text-decoration:none;color:#000;font-family:Roboto,sans-serif;font-size:13px}.nav-container{border-bottom:1px solid #b3b3b3}.nav-container h1{font-size:20px;margin:13px 50px}.home-container{display:flex;justify-content:center;margin:250px 0 0;width:100%;height:100vh}.home-contents-container{display:flex;flex-direction:column;gap:30px;font-family:Roboto,sans-serif;width:45%}.heading{font-size:95px;margin:0;z-index:1}.subheading{font-size:20px;margin:0}.button-container{display:flex;gap:25px}.button{font-family:Roboto,sans-serif;text-align:center;width:180px;margin:0;font-size:20px;padding:10px;background-color:#0b0031;color:#fff;border:1px solid black;border-radius:20px;cursor:pointer}.logo{position:absolute;right:0;bottom:50px}@media (max-width: 1760px){.heading{font-size:75px}.logo{width:350px}}@media (max-width: 1420px){.heading{font-size:65px}.home-contents-container{margin-right:200px}@media (max-width: 820px){.home-container{margin:200px 0 0}.heading{font-size:55px}.logo{width:40%}}@media (max-width: 620px){.heading{font-size:45px}.subheading{font-size:18px}.button{width:150px;font-size:18px}}@media (max-width: 505px){.home-container{margin:100px 0 0}.home-contents-container{width:100%;margin:0}.logo{bottom:280px}}@media (max-width: 371px){.heading{font-size:35px}.subheading{font-size:15px}.button{font-size:15px;width:120px}}}.content-container{display:flex;justify-content:center}.post-content{width:40%;font-family:Roboto,sans-serif}.post-content img{display:block;margin:2rem auto;max-width:100%;border-radius:8px}@media (max-width: 1500px){.post-content{width:50%}}@media (max-width: 800px){.post-content{width:60%}}@media (max-width: 600px){.post-content{width:70%}}@media (max-width: 450px){.post-content{width:90%}.post-content h1{font-size:25px}.post-content h2{font-size:20px}}@media (max-width: 325px){.post-content{width:98%}.post-content h1{font-size:20px}.post-content h2{font-size:15px}}.article-list-container{display:flex;flex-direction:column;align-items:flex-start;font-family:Roboto,sans-serif;margin:0 400px}.blog-banner{display:flex;align-items:center;border-bottom:1px solid #ececec;width:100%}.blog-banner-title{font-size:35px}.latest-post{color:#686868}.link-container{width:100%}article{display:flex;align-items:flex-start;gap:20px;margin:2rem auto;max-width:100%}.post-img{width:500px}.post-title{font-size:25px;margin:0}@media (max-width: 1020px){article{flex-direction:column;align-items:center}.post-img,.post-contents-container{width:60%}}@media (max-width: 600px){.post-title{font-size:18px}}