.full-box-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(48,48,48,.9);display:flex}#hacking-effect{background-color:#000;color:#fff;width:700px;margin:auto;padding:20px;border-radius:20px;min-height:510px}#hacking-effect h3{text-align:center;margin:0}#hacking-effect h4{margin-bottom:10px}#hacking-effect p{margin:0;color:green;overflow-x:hidden}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.blink-effect{animation:blink 1.4s infinite}@media screen and (max-width:800px){#hacking-effect{width:80%}}.progress{position:relative;width:80%;height:20px;margin:30px auto;border:1px solid #fff;padding:5px 10px;box-shadow:0 0 10px #aaa;border-radius:10px}.progress .bar{height:100%;background:linear-gradient(#053700,green,#053700);background-repeat:repeat;box-shadow:0 0 10px 0 green;animation:shine 4s ease-in infinite,end 1s ease-out 1}#text-progress{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:600;z-index:5}@keyframes shine{0%{background-position:0 0}to{background-position:0 50px}}#results-area{display:flex;flex-direction:column;margin:0 auto}#results-buttons{margin:30px auto;width:100%;display:flex;justify-content:space-around}#results-buttons button{cursor:pointer;padding:20px;border:none;background-color:#1a1a1a;border-radius:30px;color:#fff;font-size:16px;&:hover{background-color:#404040}}#presentation-results{display:flex;flex-direction:column;width:80%;border-radius:20px;background-color:#e3e3e3;padding:20px 30px;margin:0 auto;position:relative}#bargraph-and-info,.persons-info-space{display:flex;height:-moz-fit-content;height:fit-content}.persons-info-space{flex:3 1}.reverse-persons{flex-direction:row-reverse}.graph-container{font-size:12px;padding:10px 0}#bar-graph{padding-right:10px;flex:1 1;min-height:400px}#line-graph{width:100%;height:200px}.tooltip{background-color:rgba(0,0,90,.8);border-radius:20px;padding:10px 40px 10px 10px;font-size:12px;color:#fff}@media screen and (max-width:800px){#bargraph-and-info{flex-direction:column-reverse}.persons-info-space{flex:auto;flex-direction:column}.reverse-persons{flex-direction:column-reverse}#bar-graph{flex:auto;height:600px;width:70vw;margin:0 auto}}#cetificate-footer{margin:20px;font-size:18px}.person-info-column{display:flex;flex-direction:column;flex:1 1;padding:20px;height:-moz-fit-content;height:fit-content}.results-image-wrapper{height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto}.results-image-wrapper img{width:70px;height:70px}.person-info-column p{font-size:20px;text-align:center;margin:10px 0}.message-container{font-size:16px}#results-initial-info h1{font-size:50px;margin:0}.results-header{display:flex;justify-content:space-between;align-items:center}.logo-container{position:absolute;width:50px;height:50px;right:250px;top:30px}#results-initial-info>div{font-size:20px;line-height:1.3;margin:5px 0}@media screen and (max-width:600px){.logo-container{display:none}}.welcome-screen{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;border-radius:50%;font-size:20px;width:500px;height:500px;display:flex;background-color:#dfdfdf}.text-space-welcome{height:90%;width:95%;margin:auto;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.text-space-welcome p{margin:0 50px;text-align:center}.welcome-screen button{border:none;cursor:pointer;padding:15px 20px;border-radius:20px;margin:0;font-size:15px;color:#fff;background-color:#000;&:hover{background-color:#2b2b2b}}.evaluate-information-screen{width:65%;height:80%;font-size:20px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;margin:auto}.add-photos-space{margin-top:20px;width:100%;display:flex;justify-content:space-around;color:grey;font-size:16px}.add-photo-item{position:relative}.custom-file-label{cursor:pointer;display:flex;flex-direction:column;align-items:center}.custom-file-label p{margin:0;text-align:center}.add-photo-image{opacity:.7;margin:5px 0}.remove-photo{width:15px;height:15px;position:absolute;right:10px;bottom:0;cursor:pointer;z-index:2}.evaluate-information-screen select{border-radius:10px;height:40px;width:200px;margin-top:5px;text-indent:3px;font-size:16px;&:focus-visible{outline:none;border:2px solid #6262fb}}.evaluate-information-screen h4{margin:0;overflow-wrap:normal}.evaluate-information-label{color:grey;font-size:18px;margin-top:15px}@media screen and (max-width:600px){.welcome-screen{width:85vw;height:85vw}.text-space-welcome p{font-size:14px}.evaluate-information-screen{height:-moz-fit-content;height:fit-content;border-radius:5px;padding:20px 10px;margin-top:-50px;background-color:#d9d9d9}}.border-circle{margin:auto;border-radius:50%;width:510px;height:510px;position:relative;background:linear-gradient(#008944,#334bff);animation:animate 5s linear infinite}.border-circle span{position:absolute;width:100%;height:100%;background:linear-gradient(#008944,#3cf);border-radius:50%}.border-circle span:first-child{filter:blur(3px)}.border-circle span:nth-child(2){filter:blur(6px)}.border-circle span:nth-child(3){filter:blur(12px)}.border-circle span:nth-child(4){filter:blur(25px)}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.inner-circle{width:500px;height:500px;border-radius:50%;position:absolute;top:5px;left:5px;background-color:#dfdfdf}@media screen and (max-width:600px){.border-circle,.inner-circle{width:85vw;height:85vw}}