.project-box{font-family:Basier Circle,"sans-serif";background:#fefefe;border-radius:4px;text-align:center;cursor:pointer}@media (max-width:600px){.project-box{width:250px;height:300px;padding:4px;margin:10px 5px}}@media (min-width:601px) and (max-width:800px){.project-box{width:300px;height:350px;padding:8px;margin:10px 8px}}@media (min-width:801px) and (max-width:1250px){.project-box{width:400px;height:450px;padding:8px;margin:10px 8px}}@media (min-width:1251px){.project-box{width:500px;height:550px;padding:10px;margin:10px}}.project-box:hover{transform:scale(1.01)}.project-box .title{font-size:28px;font-weight:700;color:#3b40c8}.project-box .image{border-radius:2px}@media (max-width:600px){.project-box .image{width:200px;height:200px;margin:8px auto}}@media (min-width:601px) and (max-width:800px){.project-box .image{width:250px;height:250px;margin:8px auto}}@media (min-width:801px) and (max-width:1250px){.project-box .image{width:350px;height:350px;margin:10px auto}}@media (min-width:1251px){.project-box .image{width:450px;height:450px;margin:12px auto}}.project-box .description{color:#262626;font-size:18px;padding:0 3px}.footer{color:#b2b2b2;font-size:16px;line-height:1.5;margin-top:5vh}@font-face{font-family:Basier Circle;src:url(/assets/fonts/BasierCircle-Regular.ttf)}.footer,.main-page{font-family:Basier Circle,"sans-serif"}.main-page{background:#111;width:100vw;min-height:100vh;padding:20px;box-sizing:border-box;margin:0}.main-page .heading{font-size:36px;font-weight:700;color:#fbfbfb;text-align:center;margin-bottom:2%}.main-page .heading span{color:#3b40c8}.main-page .paragraph{color:#b2b2b2;letter-spacing:.04em;text-align:center;max-width:90%;margin:0 auto}@media (max-width:800px){.main-page .paragraph{font-size:17px}}@media (min-width:801px){.main-page .paragraph{font-size:19px}}@media (max-width:800px){.main-page .paragraph.margin-bottom{margin-bottom:5%}}@media (min-width:801px){.main-page .paragraph.margin-bottom{margin-bottom:2%}}@media (max-width:800px){.main-page .paragraph.margin-top{margin-top:5%}}@media (min-width:801px){.main-page .paragraph.margin-top{margin-top:2%}}.main-page a{font-size:21px;letter-spacing:.04em;color:#3b40c8;text-decoration:none;font-style:italic}.main-page a:hover{opacity:.9}.main-page .project-grid{display:flex;flex-wrap:wrap;margin:auto}@media (max-width:600px){.main-page .project-grid{flex-direction:column;align-items:center}}@media (min-width:601px) and (max-width:800px){.main-page .project-grid{justify-content:space-around;max-width:95%}}@media (min-width:801px) and (max-width:1250px){.main-page .project-grid{justify-content:space-around;max-width:90%}}@media (min-width:1251px){.main-page .project-grid{justify-content:space-around;max-width:1350px}}body,html{outline:none;margin:0;padding:0}