@import"https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@600;700&display=swap";*{margin:0;padding:0;font-family:Barlow Semi Condensed,sans-serif}body{background-image:linear-gradient(hsl(214,47%,23%),hsl(237,49%,15%));background-repeat:no-repeat;height:100vh;width:100vw;min-height:650px}#root{height:100vh;width:100vw;min-height:inherit}:root{--ScissorsGradient: hsl(39, 89%, 49%) to hsl(40, 84%, 53%);--PaperGradient: hsl(230, 89%, 62%) to hsl(230, 89%, 65%);--RockGradient: linear-gradient(hsl(349, 71%, 52%),hsl(349, 70%, 56%));--LizardGradient: hsl(261, 73%, 60%) to hsl(261, 72%, 63%);--Cyan:hsl(189, 59%, 53%) to hsl(189, 58%, 57%)}.Game{width:80%;height:70%;margin:auto;background-position:center;max-height:400px;max-width:400px}.Game_selector{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);height:100%;width:100%;justify-content:center}.ScoreContainer{display:flex;gap:20%;border:6px hsl(217,16%,45%) solid;border-radius:10px;padding:20px;justify-content:space-between;width:70%;margin:5vh auto}.ScoreContainer_title{display:flex;flex-flow:column;gap:0px;color:#fff;font-size:24px}.ScoreContainer_score{display:flex;flex-flow:column;background-color:#fff;align-items:center;padding:10px 30px;border-radius:10px}.score_name{color:#2a46c0}.score_value{color:#3b4363;font-size:40px}.Rock{background-color:#fff;background-clip:content-box;border:20px solid red;border-radius:50%;width:100px;height:100px;position:relative;align-self:center;grid-row:1/3;grid-column:1/3;display:flex;justify-content:center;align-items:center}.Paper{background-color:#fff;width:100px;height:100px;grid-column:3/5;grid-row:1/3;border:20px solid hsl(230,89%,62%);border-radius:50%;justify-self:flex-end;align-self:center;position:relative;display:flex;justify-content:center;align-items:center}.Scissors{background-color:#fff;width:100px;height:100px;grid-column:2/4;grid-row:3/5;justify-self:center;align-self:center;position:relative;display:flex;justify-content:center;align-items:center;border:20px solid hsl(39,89%,49%);border-radius:50%}.NoOption{background-color:#141539;width:100px;height:100px;border-radius:50%;position:relative;border:20px solid hsl(237,49%,15%)}div.NoOption img{display:none}.imageBackground{background-image:url(/assets/bg-triangle-af338703.svg);background-repeat:no-repeat;background-size:contain;width:100%;max-height:250px;height:100%;grid-column:1/5;grid-row:2/5;justify-self:center;background-position:center}.imageSelection{width:50%;height:50%}.Game_result{height:100%;width:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:30px}.result_playerOption{height:100%;display:flex;flex-flow:column;gap:6%;align-items:center;grid-row:1/5;grid-column:1/3;align-self:center;justify-self:center}.result_computerOption{height:100%;display:flex;flex-flow:column;gap:6%;grid-row:1/5;grid-column:3/5;align-self:center;justify-self:center;align-items:center}div.result label{color:#fff;font-size:20px;text-align:center}.result_information{grid-column:1/5;grid-row:3/5;justify-self:center;align-self:center;display:flex;flex-flow:column;gap:30px;align-items:center;transition:width 1s,height 1s}.information_data{display:flex;flex-flow:column;align-items:center;gap:20px;margin-top:100px;min-width:154px}.rulesBackground{width:100vw;height:100vh;background-color:green;position:absolute;z-index:1000}div.information_data label{color:#fff;font-size:40px}div.information_data button{width:100%;height:50px;border-radius:10px;padding:10px 15px}.button_transparent{background-color:transparent;border-color:#fff;padding:10px 15px;color:#fff;border-radius:10px;width:120px;height:50px}.button_filled{background-color:#fff;border:none}.scale-enter{transform:scale(0)}.scale-enter-active{transform:scale(1);transition:transform .3s ease-in}.scale-exit{transform:scale(1)}.scale-exit-active{transform:scale(0);transition:transform .3s ease-in}.messageContainer{width:100vw;height:100vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#0000007a;padding:20px;border:1px solid #ccc;box-shadow:0 0 10px #0000004d;z-index:9999;display:flex;justify-content:center}.messageContainer_window{display:flex;flex-flow:column;gap:20px;align-self:center;background-color:#efefef;padding:30px;border-radius:10px;align-items:center}.window_btn{background-image:url(/assets/icon-close-55b786af.svg);width:30px;height:30px;background-size:contain;background-repeat:no-repeat;background-position:center;border:none}.messageContainer_header{display:flex;align-items:center;justify-content:space-between;width:100%}@media (min-width:1000px){.Game{max-height:1000px;max-width:1000px}.Rock{width:200px;height:200px;position:relative;justify-self:center;align-self:center;grid-row:1/3;grid-column:1/3;display:flex;justify-content:center;align-items:center}.Paper{width:200px;height:200px;grid-column:3/5;grid-row:1/3;justify-self:center;align-self:center;justify-content:center;align-items:center}.Scissors{width:200px;height:200px;grid-column:2/4;grid-row:3/5;justify-self:center;align-self:flex-end;position:relative;display:flex;justify-content:center;align-items:center}.NoOption{width:200px;height:200px}.imageBackground{max-height:none;grid-column:1/5;grid-row:2/5;justify-self:center;background-position:center}.information_data{margin-top:0}.result_information{grid-column:2/4;grid-row:1/5;justify-self:center;align-self:center;display:flex;flex-flow:column;gap:30px;align-items:center}.result_playerOption{height:50%;grid-row:1/5;grid-column:1/3}.result_computerOption{height:50%;grid-row:1/5;grid-column:3/5}}