*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#fff;width:100%;height:auto;overflow-x:hidden}:root{--transition:all .5s ease-in-out;--gold:#a57f65;--gold-transparent:#a57f654b}.img{object-fit:cover;aspect-ratio:1;object-position:center;width:100%;height:auto}@font-face{font-family:Ivy-Presto;src:url(../media/Ivy-Presto.26puav5wo7bi_.otf)}@font-face{font-family:Montserrat;src:url(../media/Montserrat.0-sruxq3won-u.ttf)}h1{color:#000;margin:0;font-family:Ivy-Presto;font-size:2rem}h2{color:#000;margin:0;font-family:Ivy-Presto;font-size:1.5rem}p,a,li,label,input,button,select,option,textarea,th,td{margin:0;font-family:Montserrat;font-size:1rem}a{color:#000;outline:none;text-decoration:none}ul{margin:0;padding:0;list-style-type:none}.nav-bar{z-index:10;background:#fff;justify-content:flex-start;align-items:center;gap:16px;height:70px;display:flex;position:sticky;top:0}.menu{display:none}svg{cursor:pointer;font-size:1.5rem}.main-flex{justify-content:space-between;align-items:flex-start;display:flex}.app-bar{z-index:10;width:200px;min-width:200px;height:calc(100vh - 70px);transition:var(--transition);background:#fff;flex-shrink:0;position:sticky;top:70px;left:0}.app-bar li a{width:100%;transition:var(--transition);border-right:5px solid #0000;padding:16px;display:block}.app-bar li a:hover,.app-bar li a.active{background:var(--gold-transparent);border-right:5px solid var(--gold)}.content-div{flex:1;min-width:0;overflow-x:auto}input,button,select,textarea{border:none;outline:none}textarea{min-height:50px;max-height:200px}.button{background:var(--gold);color:#fff;transition:var(--transition);text-transform:uppercase;border:1px solid #0000;padding:12px 24px;font-family:Ivy-Presto;display:block;position:relative}.button:hover{background:var(--gold-transparent);color:var(--gold)}.button:before,.button:after{content:"";width:15px;height:15px;transition:var(--transition);opacity:0;position:absolute}.button:before{border-top:5px solid var(--gold);border-right:5px solid var(--gold);top:0;right:0;transform:translate(-15px,15px)}.button:after{border-bottom:5px solid var(--gold);border-left:5px solid var(--gold);bottom:0;left:0;transform:translate(15px,-15px)}.button:hover:before,.button:hover:after{opacity:1;transform:translate(0)}.button.disable{opacity:.5;pointer-events:none;cursor:not-allowed}.input{border-bottom:2px solid var(--gold);background:0 0;width:100%;padding:8px 0}.input[type=file]{border:none}.input::placeholder{text-transform:capitalize;color:var(--gold)}.portfolio-grid{grid-template-columns:repeat(2,1fr);justify-content:space-between;align-items:end;gap:16px;display:grid}.button-flex{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:16px;display:flex}.tab{justify-content:flex-start;align-items:center;gap:16px;margin-bottom:16px;display:flex}.tab h2{cursor:pointer;transition:var(--transition);padding:12px 24px}.tab .active{background:var(--gold-transparent);color:var(--gold)}.box{background:var(--gold-transparent);flex-direction:column;justify-content:space-between;align-items:stretch;gap:16px;padding:16px;display:flex}.box img{margin:0 auto}.flex-box{grid-template-columns:repeat(3,1fr);justify-content:space-between;align-items:center;gap:16px;display:grid}.form{background:var(--gold-transparent);padding:16px}.long-grid{grid-template-columns:200px 1fr;display:grid}.login-container{place-items:center;min-height:100vh;display:grid}.login-box{width:576px;margin:0 auto}@media screen and (max-width:768px){.flex-box{grid-template-columns:repeat(2,1fr)}.long-grid{grid-template-columns:1fr}.long-grid img{width:200px}.login-box{width:100%}}@media screen and (max-width:576px){.app-bar{width:100%;position:fixed;transform:translate(-100%)}.menu{display:block}.app-bar.active{transform:translate(0)}.portfolio-grid{grid-template-columns:1fr}}