@font-face {
    font-family:"Inter";
    src: url(../assets/Inter_Regular.ttf);
}
@font-face{
    font-family:"SquadaOne";
    src: url(../assets/SquadaOne-Regular.ttf);
}

body{
    display: block;
    font-size: 12px;
}

.label{
    font-family:"SquadaOne", sans-serif;
    padding-bottom: 5px;
    width:232px;
    font-size: 24px;
    display: inline-block;
}

.menu{
    font-family: "Inter";
    border-color: rgba(77, 197, 193, 0);
    width: calc(1545px/2);
    height:calc(1820px/2);
    margin-left:auto;
    margin-right:auto;
    position:relative;
    background-color: rgb(77, 197, 193);
}

.section-1{
    padding-left: calc(80px/2);
    padding-top: calc(110px/2);
    height:calc(1820px/2);
    width:calc(690px/2);
    display: inline-block;
    vertical-align: top;
}

.coffee-1{
    width:calc(380px/2);
    height:calc(315px/2);
    text-align: left;
    display: inline-block;
    padding-bottom:calc(10px/2);
}

.prices-1{
    width:calc(200px/2);
    height:calc(200px/2);
    text-align: right;
    display: inline-block;
}

.coffee-2{
    width:calc(380px/2);
    height:calc(135px/2);
    text-align: left;
    display: inline-block;
    padding-bottom:calc(5px/2);
}

.prices-2{
    width:calc(200px/2);
    height:calc(85px/2);
    text-align: right;
    display: inline-block;
}

.coffee-3{
    width:calc(380px/2);
    height:calc(255px/2);
    text-align:left;
    display: inline-block;
    padding-bottom:calc(5px/2);
}

.coffee-4{
    width:calc(380px/2);
    height:calc(240px/2);
    text-align:left;
    display:inline-block;
    padding-bottom:calc(5px);
}

.coffee-5{
    width:calc(300px/2);
    height:calc(40px/20);
    text-align: left;
    display: inline-block;
    padding-bottom:calc(5px/2);
}

.prices-3{
    width:calc(200px/2);
    height:calc(40px/2);
    text-align: right;
    display: inline-block;
    margin-left:38px;
}

.flavors{
    width: calc(600px/2);
    height:auto;
    padding-top: 9px;
}

.opt-1 {
    align:left;
    text-align: left;
    display:inline-block;
    margin-right: 20px;

}

.opt-2 {
    align:middle;
    text-align: middle;
    display:inline-block;
    text-align: center;
}

.opt-3 {
    align:right;
    text-align: right;
    display:inline-block;
    margin-left: 35px;
}

.section-2{
    padding-left:20px;
    height:calc(1820px/2);
    width:calc(728px/2);
    display: inline-block;
    background-color: rgb(255, 250, 245);
}

.box-1{
  width: 300px;
  height:305px;
  border: rgba(46, 27, 5, 0) 10px inset;
  box-sizing: border-box;
  display: flex;
  vertical-align: top;
}

.label-big{
    font-family:"SquadaOne", sans-serif;
    width:245px;
    font-size: 48px;
}

.prices-small{
    width:calc(100px/2);
    height:calc(45px/2);
    text-align: right;
    display: inline-block;
    font-size: 16px;
}

.label-two{
    font-family:"SquadaOne", sans-serif;
    width:250px;
    font-size: 24px;
    display: inline-block;
}

.copy-text{
    width:calc(685px/2);
    height:calc(70px/2);
    text-align:left;
    display: inline-block;
    padding-bottom:calc(5px/2);
}


.button{
    width: 300px;
    height:25px;
    font-family: "SquadaOne", sans-serif;
    font-size: medium;
    border: rgb(0, 0, 0) solid 2px;
    background-color: rgb(255, 250, 245);
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    text-align: center;
}

.a{
    color: rgb(0, 0, 0);
}
a:hover{
    color:rgb(77, 197, 193)
}

a:active{
    color: rgb(77, 197, 193);
}

.copy-text2{
    width:calc(685px/2);
    height:calc(50px/2);
    text-align:left;
    display: inline-block;
}

.float{
font-family:"SquadaOne", sans-serif;
width:802px;
height:auto;
font-size: large;
color:white;
position: absolute; /* Removes it from normal document flow */
top: 435px; /* Adjust as needed */
left: -20px; /* Adjust as needed */
background-color: rgba(22, 23, 22, 0.678);
border: 5px solid rgba(22, 23, 22, 0);
border-radius: 5px; /* Applies a 15px radius to all corners */
z-index: 10; /* Higher z-index ensures it appears above others */
word-spacing: 6px;
letter-spacing: 7px;
transform: rotateZ(-90deg);
margin-left: auto;
margin-right: auto;
}