body {

margin: 0px;



}


 .welcome {

 margin: 0;
  min-height: 110vh;
  
  background-image: url("bg3-1920x1080.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;

  overflow-y: auto;



 



h1{

position: absolute;
  top: 53%;  
  left: 48.5%;
  transform: translateX(-50%);
  color: rgb(0, 128, 87);
  
  text-align: center;
}

h2{

font-family: "Inter", sans-serif;

font-size: 90px;

position: absolute;

top: 80px;

left:4%;

text-align: center;

color: blueviolet;


  }


h3{


font-family: "Inter", sans-serif;
font-style: italic;

font-size: 45px;

position: absolute;

top: 145px;

left:60%;

text-align: right;

color: rgb(226, 43, 95);




}

.motto {



font-family: "Space Grotesk";




font-size: 30px;

position: absolute;

top: 560px;

left:17.5%;

text-align: center;

color: rgb(214, 157, 58);


}

button {


font-size: 15px;

background-color: rgb(177, 83, 7);

background: none;

border: 2px solid rgb(177, 83, 7);
border-radius: 8px;
font-family: "Exo 2", sans-serif;

position: absolute;

top: 527.5px;

left:39.5%;

cursor: pointer;
box-shadow: 0 0 15px rgb(177, 83, 7), 0 0 30px rgb(177, 83, 7);

}

 }

.Desktop {
    min-height: 100vh;

    background-image: url("YATRI.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

    overflow-y: auto;



    .TopBar {
position: absolute;
top: 0;
left: 0;
right: 0;
display: flex;

justify-content: space-between;

align-items: center;

padding: 10px 18px;
  

background: rgba(10, 12, 30, 0.45);

color: #fff;
font-size: 13px;


  


   }

.os-name {

font-weight: 500;
letter-spacing: 0.2px;
background: rgba(255, 255, 255, 0.1);
padding: 5px 14px;
border-radius: 16px;
margin: 0;

}
    
.slogan {

color: rgba(28, 18, 175, 0.75);
background: rgba(255, 255, 255, 0.06);
padding: 5px 14px;
border-radius: 16px;
margin: 0;


}

.time {

font-variant-numeric: tabular-nums;
background: rgba(255, 255, 255, 0.1);
padding: 5px 14px;
border-radius: 16px;
margin: 0;



}


}


.window {

  position: absolute;
  top: 200px;
  left: 200px;
  width: 500px;
  height: 400px;
  border: solid rgb(214, 22, 22) 1px;
  display: none;
  flex-direction: column;
  border-radius: 10px;
  background-color: rgba(224, 215, 215, 1);   






  }

  

#desktopapps {
  padding-top: 64px;
  padding-left: 16px;
}

#start {
  font-family: sans-serif;
  font-weight: 700;
  font-size: 20px;
  text-transform: capitalize;
  color: #ffffff;
  text-align: left;
  cursor: pointer;
}

#spacenews {
  top: 150px;
  left: 150px;

  display: none;
}

.windowheader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  cursor: grab;
  user-select: none;
}

.headertext {
  margin: 0;
  color: #fff;
  background-color: rgba(255, 87, 51, 0.85);
  padding: 4px 12px;
  border-radius: 12px;
  font-weight: 600;
}

.closebutton {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #0eb746;
  cursor: pointer;
}


.newsbody {
  padding: 16px;
  overflow-y: auto;
}

.newstitle {
  margin: 0 0 4px 0;
  color: #222;
}

.newsdate {
  margin: 0 0 12px 0;
  font-size: 12px;

  color: #666;
}

.newscontent {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
  color: #222;
}



#about {


  top:250px;
  left:400px;

  display: none;



}

#aboutIcon {
  font-family: sans-serif;
  font-weight: 700;
  
  font-size: 20px;
  text-transform: capitalize;
  color: #ffffff;
  text-align: left;
  cursor: pointer;
}