body{margin:0;font-family:Archivo,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{box-sizing:border-box;overflow-y:scroll}*,*:before,*:after{box-sizing:inherit}.hover-cursor:hover{cursor:pointer}.progress.MuiLinearProgress-root{position:fixed;top:0;left:0;right:0;background-color:#d2dfff}.progress .MuiLinearProgress-bar{background-color:#4c7aea}.card{border-radius:50%}.content-box{display:flex;flex-direction:column;position:relative;padding-top:6%;padding-left:5%;padding-right:5%;margin-bottom:auto}.title{word-break:break-word;padding-left:5%;padding-bottom:auto;font-weight:700;color:#483d8b}.icons-box{display:flex;flex-direction:row;align-items:center;margin-top:5%;margin-left:5%}.card-note{align-self:left;margin-right:auto}.goto-icon{margin-left:auto;margin-right:5%;position:static;align-self:right;flex-basis:10}.progress-box{width:90%;margin-left:5%;margin-right:5%;margin-bottom:10%}.repeat-icons{display:flex;align-self:center;align-items:center;flex-direction:row;width:90%;margin-left:2%;margin-right:2%}.progress-bar{width:100%;padding-top:5%;padding-bottom:5%;border-radius:10px}.bar-box{align-self:center;display:flex;align-items:center;height:15%;width:100%}.search-field{margin-top:2%;display:flex;flex-direction:row;background-color:#fcfcfc;border-radius:27px;height:45px;justify-content:center}.search-field .icon{color:#17357a;display:inline-block}.search-field .text-field{font-size:18px;color:#17357a;line-height:normal}.search-field .text-field-expanded{flex:1;font-size:18px;padding-left:20px;padding-right:20px;color:#17357a;line-height:normal}.dialog-card{padding:5%;height:100%;display:flex;flex-direction:column;align-items:center}.button-box{margin-top:2%}.myskills-detail.banner-box{height:25%}.myskills-detail.banner-container{display:flex;flex-direction:column;align-items:center;margin-top:-30px}.myskills-detail.content-container{padding:20px}