:root{background-color:#f0f8ff}.app{display:grid;grid-template-columns:3fr 2fr;font-family:sans-serif;overflow:hidden}@media print{body{visibility:hidden}.PreviewPanel{visibility:visible;position:absolute;left:0;top:0;width:100%;overflow:hidden;box-shadow:none,none}:root{background-color:#fff}}@media (max-width: 820px){.app{display:flex;flex-direction:column}.topicSidebarVisible{width:100vw;transition:width 1s,opacity 1s;opacity:1}.topicSidebarHidden{width:0px;transition:width 1s,opacity .5s;opacity:0;pointer-events:none}.UserPanel>div:last-child{transform:translate(-20px)}}@media (min-width: 821px){.topicSidebarVisible{width:20vw;font-size:2vw;transition:width 1s,opacity 1s;opacity:1}.topicSidebarHidden{pointer-events:none;width:0px;transition:width 1s,opacity .5s;opacity:0}}.UserPanel{display:flex;grid-template-columns:1fr 2fr;border:solid rgb(105,84,84) 1px;border-radius:20px;margin:0 20px 20px;height:94vh;overflow-x:auto;overflow-y:auto}.Skills,.Languages,.Hobbies{overflow:auto;margin-bottom:30px}.AddExperience{border:solid black 2px;width:70px;border-radius:40px;margin-top:20px}.AddExperience:hover{background-color:#72ee72}.DownloadCv{display:flex;flex-grow:2;flex-direction:column;align-items:center;justify-content:center}.DownloadCv>h2{margin-left:0}.DownloadCv>img{width:50%;margin-bottom:3%}.DownloadCv>button{background-color:#f0f8ff;color:#333;border:2px solid #ccc;padding:10px 20px;font-size:16px;font-weight:700;border-radius:5px;cursor:pointer;transition:background-color .3s,color .3s}.DownloadCv>button:hover{background-color:#e6f0fa;color:#205081}.dropdownTabs{display:grid;grid-template-columns:1fr 1fr;border:solid rgb(13,13,13,.2) 2px;border-radius:10px;margin:20px;justify-items:center}@keyframes expand{0%{transform:scaleY(0);opacity:0}70%{transform:scaleY(1.1);opacity:1}to{transform:scaleY(1)}}@keyframes collapse{0%{transform:scaleY(1);opacity:1}to{transform:scaleY(0);opacity:0}}.dropdownHeader{opacity:1;grid-column:span 2;display:grid;grid-template-columns:4fr 1fr;padding:20px;border-radius:10px;background-color:#a0bdef33;margin:10px}.dropdownHeader>button{width:60px;height:65px;border-radius:30px}.dropdownHeader>button:hover{background-color:#f5a1a1}.dropdownHeader:hover{background-color:#a0bdef}.dropdownHeader>svg:hover{background-color:#8fa7d266;border-radius:50px}.Education,.WorkExperience{max-height:900px;overflow:scroll;width:100%}.Education>img,.WorkExperience>img{width:50%;max-width:400px;border-radius:10%;margin-top:5%;transform:translate(50%)}@media (max-width: 820px){.dropdownTabs{grid-template-columns:1fr;align-items:center;justify-items:center;width:87%}.dropdownTabs>div{width:80%}}.TopicSidebar{display:flex;flex-direction:column;margin:20px;padding:5px;border:solid rgb(163,161,161) 1px;background-color:#333340;color:#dbe9f6;height:90vh}#collapseTopicsidebar{position:absolute;top:2%;left:30px;background-color:#d3ccf3;display:flex;width:44px;border-radius:10px}#collapseTopicsidebar:hover{background-color:#e3e2e7}.listSidebar{display:grid;gap:30px;justify-content:space-between}.listSidebar>li:hover{background-color:#73739133}ul{padding-left:20px}h2{display:flex;justify-content:start;margin-left:8%;height:max-content;pointer-events:none}.FormInput{display:grid;gap:10px;margin:10px;font-family:sans-serif;border:solid rgb(149,146,146,.4) 2px;border-radius:10px;padding:10px;height:min-content}input{border:solid rgb(92,155,232,.5) 1px;max-width:80%}input:hover{border:solid rgb(92,155,232) 1px;background-color:#dbe5f1}.ContactInformations{display:grid;grid-template-columns:1fr 1fr;gap:10px;justify-items:center;margin:2vw}.ContactInformations>:first-child{grid-row:3/4;grid-column:1/-1;min-width:90%}#imgContactInformation{margin-top:5%;width:50%;border-radius:20px;max-width:600px}@media (max-width: 820px){.ContactInformations{grid-template-columns:1fr;align-items:center;justify-items:center;width:100%}.ContactInformations>div{width:100%}}.CvClause{display:flex;flex-direction:column;margin:30px;align-items:center;transform:translate(10%)}.CvClause>label{font-size:25px;font-weight:700}.CvClause>textarea{margin-top:50px;font-size:15px;padding:15px;font-family:sans-serif}.CvClause>img{width:50%;max-width:400px;border-radius:10%;margin:10%}.singleRowComponent{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}@media (max-width: 400px){.singleRowComponent>.FormInput{max-width:150px}}.singleRowComponent>button{width:60px;height:65px;border-radius:30px}.singleRowComponent>button:hover{background-color:#f5a1a1}.Skills>img,.Hobbies>img,.Languages>img{width:50%;max-width:400px;border-radius:10%;margin:10%;transform:translate(50%)}.PreviewPanel{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 6fr;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;height:95vh;overflow:auto}.MainSectionPreview{display:grid}.Header{background-color:#003c75;display:flex;font-size:18px;color:#ebecec;justify-content:center;align-items:start;grid-column:1/3;flex-direction:column;padding-left:50px;margin-bottom:0;min-height:120px}.Header>:first-child{font-size:30px}.mainSectionPreviewHeader{display:flex;justify-content:start;font-size:20px;margin:20px;border-bottom:solid 2px rgba(123,120,120,.3)}.singleExperienceDiv{display:grid;grid-template-columns:1fr 4fr;margin:10px}.descriptingFields>div{padding:5px}.singleExperienceDateSection{display:grid;justify-content:center;align-content:start;font-size:12px}.dateDiv{padding:0}.role{font-size:18px;font-weight:bolder}.description{font-size:12px}.SidebarPreview{background-color:#e8e8f5;padding-left:20px;font-size:10px}.sidebarHeader{display:flex;justify-content:start;border-bottom:solid 2px rgba(123,120,120,.3);font-size:18px}.CvClausePreview{font-size:8px;justify-content:end;margin-left:20px;margin-right:20px}