.design__page{flex-direction:column;gap:50px;width:100%;height:fit-content;padding-bottom:50px;display:flex}body{height:fit-content;overflow-y:auto}.design__header{color:#15122e;background-color:#fba58f;border-radius:10px;flex-direction:column;gap:20px;padding:20px;display:flex}.design__header h1,.design__header p{margin:0}.design__header .design__header__title{flex-direction:column;gap:10px;display:flex}.design__header .design__header__title h1{text-transform:uppercase;font-size:24px;font-weight:700}.design__header .design__header__title p{color:#15122ebf;font-size:14px}.design__header .design__header__history{font-size:14px}.design__card__content{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;width:100%;display:grid}.design__card__content .design__project{color:#15122e;background-color:#fba58f;border-radius:10px;flex-direction:column;align-self:stretch;gap:10px;max-width:400px;padding:20px;transition:all .3s;display:flex}.design__card__content .design__project .design__project__description{margin:0}.design__card__content .design__project .design__body{flex-direction:column;gap:10px;min-height:200px;display:flex}.design__card__content .design__project .design__files{border:1px #15122e;border-top-style:solid;flex-direction:column;gap:5px;padding-top:20px;font-weight:700;display:flex}.design__card__content .design__project .design__files h5{text-transform:uppercase;color:#15122ebf;margin:0;font-size:14px;font-weight:700}.design__card__content .design__project .design__project__files{flex-flow:wrap;gap:5px;display:flex}.design__card__content .design__project .design__project__files .design__project__file{color:#fba58f;-webkit-text-decoration:unset;text-decoration:unset;background-color:#15122e;border:1px solid #15122e;border-radius:20px;justify-content:space-between;align-items:center;gap:5px;max-width:calc(100% - 20px);padding:5px 10px;transition:all .3s;display:flex}.design__card__content .design__project .design__project__files .design__project__file span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.design__card__content .design__project .design__project__files .design__project__file svg{fill:#fba58f;width:16px;min-width:16px;height:16px;min-height:16px}.design__card__content .design__project .design__project__files .design__project__file:hover{color:#15122e;background-color:#fba58f;border-radius:5px}.design__card__content .design__project .design__project__files .design__project__file:hover svg{fill:#15122e}.design__card__content .design__project .design__project__head{flex-direction:column;gap:15px;display:flex}.design__card__content .design__project .design__project__head .design__project__name{text-transform:uppercase;margin:0;font-size:20px;font-weight:700}.design__card__content .design__project .design__project__head .project__tags{flex-direction:column;gap:5px;display:flex}.design__card__content .design__project .design__project__head .design__project__tag{align-items:center;gap:5px;font-size:12px;font-weight:700;display:flex}.design__card__content .design__project .design__project__head .design__project__tag svg{fill:#15122e;width:16px;height:16px}@media (max-width:700px){.design__card__content{flex-direction:column;align-items:center;width:90vw}.design__card__content .design__project{width:calc(100% - 40px)}}