*{margin:0;padding:0;border:0;outline:0;box-sizing:border-box;font:inherit;color:inherit;background:inherit;cursor:default;text-align:inherit;text-decoratioN:inherit;resize:none}*::-moz-focus-inner{padding:0;border:0}html,body{text-align:left;font-weight:normal;font-family:Arial,sans-serif;height:100%;background-color:white;background-repeat:no-repeat;color:black;text-decoration:none}.Main{height:100%;text-align:center;white-space:nowrap}.Main-aligner{display:inline-block;vertical-align:middle}.Main-content{display:inline-block;vertical-align:middle;padding:30px;white-space:normal;width:100%;max-width:440px;text-align:left}.Main-photo{border-radius:50%;margin-right:auto;margin-left:auto;background-color:hsl(0,0%,80%);background-size:cover;background-position:center center}.Main-title{margin-top:30px;font-weight:bold}.Main-compositions{margin-top:30px}.Main-form{margin-top:30px}.Main-text{vertical-align:top;width:100%;border:2px solid hsl(0,0%,70%);border-top:5px solid hsl(0,0%,60%);border-radius:10px;padding:15px;cursor:text}
.Main-text:focus{box-shadow:0 0 0 5px hsl(200,100%,80%);border-color:hsl(200,100%,45%)}.Main-text[disabled]{color:grey}.Main-done{color:hsl(110,100%,40%);font-weight:bold}.Main-languages{padding-bottom:30px}@media(max-width:400px){html,body{font-size:20px;line-height:30px}.Main-aligner{height:calc(100% - 60px)}.Main-photo{width:160px;height:160px}.Main-text{height:100px}.Main-done{padding-top:90px;padding-bottom:90px}}@media(min-width:401px){html,body{font-size:25px;line-height:35px}.Main-aligner{height:calc(100% - 65px)}.Main-photo{width:180px;height:180px}.Main-text{height:110px}.Main-done{padding-top:95px;padding-bottom:95px}}.Align-center{text-align:center}.Align-right{text-align:right}.Button{background-color:hsl(200,100%,45%);border-bottom:5px solid hsl(200,100%,35%);color:white;padding:15px;border-radius:10px;margin-top:15px}.Button:focus{box-shadow:0 0 0 5px hsl(200,100%,80%)}.Button:hover{background-color:hsl(200,100%,55%)}.Button:active{border-top:5px solid hsl(200,100%,25%);background-color:hsl(200,100%,35%);border-bottom:0}
.Button[disabled]{border-bottom-color:hsl(0,0%,60%);background-color:hsl(0,0%,70%)}.Composition{margin-top:15px;background-color:hsl(0,0%,50%);padding:15px;border-radius:10px;border-bottom:5px solid hsl(0,0%,40%);display:flex;align-items:flex-start;color:white}.Composition.last{background-color:hsl(320,100%,50%);border-bottom-color:hsl(320,100%,40%)}.Composition:focus{box-shadow:0 0 0 5px hsl(200,100%,80%)}.Composition:hover{background-color:hsl(0,0%,60%);border-bottom-color:hsl(0,0%,40%)}.Composition.last:hover{background-color:hsl(320,100%,60%);border-bottom-color:hsl(320,100%,40%)}.Composition:active{border-top:5px solid hsl(0,0%,30%);background-color:hsl(0,0%,40%);border-bottom:0}.Composition.last:active{border-top:5px solid hsl(320,100%,30%);background-color:hsl(320,100%,40%)}.Composition-icon{background-position:center center}.Composition-title{flex-basis:0;flex-grow:1;margin-left:10px}
.Composition-description{font-size:16px;line-height:20px;color:hsl(0,0%,75%)}.Composition-description.last{color:hsl(320,100%,85%)}.Composition-duration{color:hsl(0,0%,75%);margin-left:10px}.Composition-duration.last{color:hsl(320,100%,85%)}@media(max-width:400px){.Composition-icon{width:30px;height:30px}}@media(min-width:401px){.Composition-icon{width:35px;height:35px}}.GreyLink{color:grey;cursor:pointer;border-radius:5px}.GreyLink:hover{color:hsl(200,100%,45%)}.GreyLink:focus{box-shadow:0 0 0 5px hsl(200,100%,80%)}.QuestionAnswer{max-width:400px;margin-top:30px}.QuestionAnswer-question{padding-right:30px}.QuestionAnswer-question-content{display:inline-block;vertical-align:top;background-color:hsl(0,0%,90%);padding:15px 30px;border-radius:10px;border-left:5px solid hsl(200,100%,45%)}.QuestionAnswer-answer{margin-top:15px;padding-left:30px}.QuestionAnswer-answer-content{display:inline-block;vertical-align:top;background-color:hsl(0,0%,90%);padding:15px 30px;border-radius:10px;border-right:5px solid hsl(200,100%,45%)}
.Link{cursor:pointer;border-radius:5px;color:hsl(200,100%,45%)}.Link:hover{color:hsl(200,100%,50%)}.Link:focus{box-shadow:0 0 0 5px hsl(200,100%,80%)}