widescreen.css 639 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. @media screen and (min-device-width:1200px){
  2. h1, form{
  3. margin: 50px 0px 80px 0px;
  4. }
  5. input{
  6. height: 2vw;
  7. max-height: 40px;
  8. width: 18vw;
  9. }
  10. button{
  11. height: 2vw;
  12. max-height: 40px;
  13. width: 5vw;
  14. min-width: 65px;
  15. }
  16. ul{
  17. flex-direction: row;
  18. align-items: flex-start;
  19. font-size: 1.1rem;
  20. margin-bottom: 80px;
  21. }
  22. li{
  23. color: #d3d3d3;
  24. margin: 0px 20px 0px 20px;
  25. }
  26. a{
  27. color: #d3d3d3;
  28. }
  29. a:visited{
  30. color: #d3d3d3;
  31. }
  32. a:hover{
  33. color: darkgray;
  34. }
  35. a:focus{
  36. color: darkgray;
  37. }
  38. a:active{
  39. color: gray;
  40. }
  41. img{
  42. margin-top: 40px;
  43. }
  44. iframe{
  45. margin-top: 40px;
  46. margin-bottom: 40px;
  47. width: 25vw;
  48. }
  49. }