@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0";*{margin:0;padding:0;box-sizing:border-box}@media screen and (max-width: 400px){body{font-size:10px}}@media screen and (min-width: 800px){body{font-size:12px}}@media screen and (min-width: 1280px){body{font-size:18px}}html{font-size:calc(10px + 4*(100vw - 400px)/400);background:linear-gradient(to left,transparent,#ccffea),url(/assets/background-image-DMJTeORi.jpeg) no-repeat left top;background-size:100% 80%;background-attachment:fixed;scroll-behavior:smooth}body{width:100%;height:100%;font-family:sans-serif}.scroll-top{position:fixed;bottom:40px;right:50px;z-index:999;color:#0089fa;cursor:pointer}.isShowBtn{opacity:1;transition:.5s}.isShowBtn_hide{opacity:0}.isShowBtn:hover{color:#4073bf}.page{width:90%;max-width:1490px;box-shadow:0 0 1rem #00000080}.article{width:90%;max-width:1490px;display:flex;flex-wrap:wrap;margin:auto;justify-content:space-around}.article__title{align-self:center;align-items:center;color:#fff}.article__paragraph{margin-bottom:.6em;line-height:1.5;color:#000;opacity:1}.article__paragraph_list{list-style-type:none}.article__header{font-size:3em;color:#000}.article__photo{margin:auto 0;padding:10px}.article__btn{display:flex;justify-content:center;margin:2em 20em;padding:30px;background-color:#fff3;border:.05em;border-style:hidden;cursor:pointer}.menu{display:flex;order:1;width:90%;max-width:1490px;margin:2rem auto;box-shadow:0 0 1rem #00000080}.menu__item{position:relative;flex-grow:1;text-align:center;line-height:3rem;cursor:pointer;text-decoration:none;text-transform:uppercase;color:#000;opacity:.7;border-bottom-width:.2rem;border-bottom-style:solid;border-bottom-color:transparent}.menu__item:hover{opacity:1;border-bottom-color:#4073bf}.menu__item-active,.menu__item-active:hover{opacity:1;border-bottom-color:#0089fa}.aboutme{text-align:center}.list-view{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px}.list-view img{width:100%;object-fit:cover;cursor:pointer;transition:.5s}.list-view img:hover{transform:scale(1.1)}.methodical-bank{display:flex;flex-direction:column;text-align:center}.cloudLink{color:#474747;font-size:20px}.pop-up{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center}.pop-up img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid #ffffff;border-radius:3px;width:700px}